Refresh page อัตโนมัติ ด้วย AngularJs
วันนี้ผมได้ทำงานกับ AngularJs และมีความจำเป็นที่ต้อง Refresh หน้า page ตลอดเวลาที่เปิดหน้านั้นอยู่ ก็เลยอยากบันทึกไว้เป็นความทรงจำว่าเคยทำไว้แล้ว เริ่มเลยละกันครับ
ส่วน inex.html
<html ng-app="app">
<head>
<title>refresh pag</title>
<script src="angular.js"></script>
<script src="app.js"></script>
</head>
<body ng-controller="refreshPageCtrl">
<div>
<button ng-click="start();">start</button>
<button ng-click="stop();">stop</button>
</div>
<div>{{date_time_now}}</div>
</body>
</html>
ส่วน app.js
var myApp = angular.module('app', []);
myApp.controller('refreshPageCtrl', ['$scope','$interval', function($scope,$interval){
var refreshTime = 1000; // 1 sec
var promiseTimmer;
$scope.start(){
promiseTimmer = $interval(refreshEvent, refreshTime);
}
$scope.stop(){
$interval.cancel(promiseTimmer);
}
function refreshEvent(){
var d = new Date();
$scope.date_time_now = d;
}
}]);
ไม่มีความคิดเห็น:
แสดงความคิดเห็น