Question

我正在使用Angular Timer http://siddii.github.io/angular-timer/examples.html#/angularjs-single-timer

但是我无法更新倒计时变量。我看到我不是唯一有这个问题的人。我尝试了一些“解决方案”，但这不起作用。使它工作的最佳方法是什么？不想进行新的倒计时，因为这个计时器指令有很多我需要的功能。只是我无法更新控制器的倒计时。

我有一个完美的选择更新内容，除了计时器，我添加了不同的时间值

$scope.typeWods = [
    { label: 'EMOM',        value: 1,   time: 500    },
    { label: 'TABATA',      value: 2,   time: 900    },
    { label: 'POR VUELTAS', value: 3,   time: 800    },
    { label: 'AMRAP',       value: 4,   time: 1200   },
    { label: '21-15-9',     value: 5,   time: 700    }
];

变量已更新，但倒计时属性未更新。有什么好的解决方案吗？不知道还有什么可以尝试。

Answer 1

angular-timer需要momentjs和humanize-duration个库。

这在 - https://github.com/siddii/angular-timer#requirements

中提到

更新了plnkr：http://plnkr.co/edit/OkqS8fyZCiegsUjIW13L?p=preview

Answer 2

所以我用 Vinay K 答案解决了这个问题，但我没有使用timer-set-countdown我使用timer-set-countdown-seconds来更新倒计时并且工作完美！

$scope.$broadcast('timer-set-countdown-seconds', $scope.variable);

$scope.$on('timer-set-countdown-seconds', function (e, seconds) {
    console.log(seconds);
});

更新Angular Timer上的倒计时变量

2 个答案: