API變化了1.3以上不允許global controller(估計你的書比較老)
可以這個簡單粗暴直接降低版本
<!doctype html> <html ng-app> <head> <script type="text/javascript" src="http://apps.bdimg.com/libs/angular.js/1.2.6/angular.js"> </script> </head> <body> <p ng-controller="MyController"> <h1>hello {{ clock.now }}!</h1> </p> <script> function MyController($scope) { $scope.clock = { now: new Date() }; var updateClock = function () { $scope.clock.now = new Date(); }; setInterval(function () { $scope.$apply(updateClock); }, 1000); updateClock(); } </script> </body> </html>
或這個 改成升級之後推薦的寫法
<!doctype html> <html ng-app="app"> <head> <script type="text/javascript" src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.js"> </script> </head> <body> <p ng-controller="MyController"> <h1>hello {{ clock.now }}!</h1> </p> <script> angular.module('app', []) .controller('MyController', ['$scope', function MyController($scope) { $scope.clock = { now: new Date() }; var updateClock = function () { $scope.clock.now = new Date(); }; setInterval(function () { $scope.$apply(updateClock); }, 1000); updateClock(); }]); </script> </body> </html>
你這樣程式碼只會執行一次，應該在每次執行update的時候自動預訂下次更新才能達到每秒變化的目的。 這本書我沒看過，但我估計你的大括號抄錯了位置。 你這樣試試？
<!doctype html> <html ng-app> <head> <script type="text/javascript" src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> </head> <body> <p ng-controller = "MyController"> <h1>hello {{ clock.now }}!</h1> </p> <script> function MyController($scope) { $scope.clock = { now: new Date() }; var updateClock = function() { $scope.clock.now = new Date(); setInterval(function() { $scope.$apply(updateClock); }, 1000); }; updateClock(); }; </script> </body> </html>
API變化了1.3以上不允許global controller(估計你的書比較老)
可以這個簡單粗暴直接降低版本
或這個 改成升級之後推薦的寫法
你這樣程式碼只會執行一次，應該在每次執行update的時候自動預訂下次更新才能達到每秒變化的目的。
這本書我沒看過，但我估計你的大括號抄錯了位置。
你這樣試試？