javascript - Angular.js 倒数计时器不滴答

Question

我正在 Angular.js 中编写自己的倒计时计时器作为服务。该值正确显示在元素中，但没有倒计时。不知道我做错了什么，因为我在服务中有 $interval(function(){ }, 1000); 来引发digest()并使其勾选。

angular.module('monitorApp')
.factory('countDown', function($interval) {
    $interval(function(){ }, 1000);
    return {
        countDownTicker: function(secondsLeft) {
            secondsLeft = Math.round(secondsLeft/1000);
            return --secondsLeft;
        }
    }
});

Controller :

$scope.countDownTicker = countDown.countDownTicker(result.broadcastStamp);

HTML:

 <span class="info-test">{{ countDownTicker }}</span>

更新:新服务...仍然无法正常工作:

angular.module('monitorApp')
.factory('countDown', function($interval) {
    $interval(function(){ }, 1000);
    return {
        countDownTicker: function(secondsLeft) {
            return $interval(function(secondsLeft){
                secondsLeft = Math.round(secondsLeft/1000);
                --secondsLeft;
                }, 1000);
        }
    }
});

Answer 1

我认为您以错误的方式使用$interval。它返回一个 promise ，将在每次迭代时收到通知。

请参阅 angularJS 中的代码示例 doc供引用。