angular 每秒循环

最新推荐文章于 2020-02-11 15:03:33 发布

邪人君子

最新推荐文章于 2020-02-11 15:03:33 发布

阅读量397

点赞数

分类专栏： ionic1

本文链接：https://blog.csdn.net/qq_27127385/article/details/96446156

版权

ionic1 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script>

<body>

<div ng-app="myApp" ng-controller="myCtrl">
 {{"当前时间：" + clock}}

</div>

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope,$timeout) {
 var updateClock = function() { 
 $scope.clock = new Date(); 
 $timeout(function() { 
 updateClock(); 
 }, 1000); 
 }; 
 updateClock(); 
});
</script>

</body>
</html>

由于JavaScript自身的特点，以及它在传递值和引用时的不同处理方式，通常认为，在视图中通过对象的属性而非对象本身来进行引用绑定，是Angular中的最佳实践。
修改如下;

<div ng-app="myApp" ng-controller="myCtrl">
 {{"当前时间：" + clock.now}}
</div>

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope,$timeout) {
 $scope.clock = { 
   now: new Date() 
 }; 
 var updateClock = function() { 
   $scope.clock.now = new Date() 
 }; 
 setInterval(function() { 
   $scope.$apply(updateClock); 
 }, 1000); 
 updateClock();
});
</script>

邪人君子

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
angular 每秒循环

<!DOCTYPE html><html><meta charset="utf-8"><script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script><body><div ng-app="myApp" ng-...
复制链接

扫一扫