<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript" src="../../jslib/angular.min-1.5.8.js"></script> </head> <body> <div ng-app="myApp" ng-controller="myCtrl"> <h1>{{clock.now}}</h1> </div> <script type="text/javascript"> var app = angular.module(‘myApp‘, []); app.controller(‘myCtrl‘, function($scope) { $scope.clock = { now:new Date() }; var updateClock = function () { $scope.clock.now = new Date(); }; setInterval(function () { $scope.$apply(updateClock()); },1000); updateClock(); }); //由于JavaScript的自身特性,以及它在值传递和引用传递中的不同处理方式,通常认为,在视图中通过对象的属性而非对象本身来进行引用绑定 //所以,修改day02中的demo01如上 // 控制器,起到了增强视图的作用,在命名上,建议名称为[name]Controller </script> </body> </html>
时间: 2024-10-08 17:50:15