javascript - window.setInterval() 在 angular.js 中无法正常工作

Question

我在 angular.js Controller 中使用了 setInterval() 函数来稍后在 UI 上显示计时器。创建一个范围变量，其值为以秒为单位的不活动状态。

setInterval(function(){ scope.timer++ }, 1000);

它应该做的是，它应该每秒更新屏幕。但事实并非如此。有时它会在两秒、三秒后更新屏幕，有时它每秒更新一次，但不一致。当我记录范围时。计时器值它表现正常。

这会出现什么问题。 angular.js 是否以某种方式限制 native JavaScript？

Answer 1

更好的是使用$interval ，例如:

var app = angular.module('MyApp', []);

app.controller('AppCtrl', function($scope, $interval) {
    $scope.timer = 0;
    $interval(function() { $scope.timer++; }, 1000);
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js"></script>

<div ng-controller="AppCtrl" ng-cloak="" ng-app="MyApp">
    <div ng-bind="timer"></div>
</div>