我从“ng-book”一书中复制了这个 angularjs 代码。但它根本不起作用...................................................... ............
<!DOCTYPE html>
<html ng-app="">
<head>
<title>Simple App</title>
</head>
<body>
<div ng-controller="MyController">
Hello <span ng-bind="clock"></span>
</div>
<script src="angular-1.5.7/angular.js">
</script>
<script type="text/javascript">
function MyController($scope){
$scope.clock = new Date();
var updateClock = function () {
$scope.clock = new Date();
};
setInterval(function() {
$scope.$apply(updateClock);
}, 1000);
updateClock();
};
</script>
</body>
</html>
最佳答案
- 使用 $interval 而不是 setInterval。
- 使用 Angular 的 $interval 时不需要 $scope.$apply()
- 您需要定义 ng-app
- Controller 定义应与代码片段中类似
这是一个有效的代码片段
var demoApp = angular.module('demoApp', []);
demoApp.controller('MyController', function($interval, $scope) {
$scope.clock = new Date();
var updateClock = function() {
$scope.clock = new Date();
};
$interval(function() {
updateClock();
}, 1000);
updateClock();
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<!DOCTYPE html>
<html>
<head>
<title>Simple App</title>
</head>
<body ng-app="demoApp">
<div ng-controller="MyController">
Hello <span ng-bind="clock"></span>
</div>
</body>
关于javascript - Angular JS 代码不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38219821/