<!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
>
