gpt4 book ai didi

javascript - Angular JS 代码不工作

转载 作者:行者123 更新时间:2023-12-02 14:26:09 25 4
gpt4 key购买 nike

我从“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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com