Angular.js倒数计时器不会滴答

时间:2014-07-07 01:36:00

标签: javascript angularjs

我在Angular.js中编写自己的倒数计时器自动收报机作为服务。该值正确显示在元素中,但不会倒计时。不知道我做错了什么,因为我在服务中有$interval(function(){ }, 1000);来导致摘要()并使其勾选。

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

控制器:

$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);
        }
    }
});

1 个答案:

答案 0 :(得分:1)

我认为你以错误的方式使用$interval。它返回一个将在每次迭代时通知的承诺。

请参阅angularJS&#39; s doc中的代码示例以供参考。