更新 Angular 计时器的倒计时变量

Question

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

但是我无法更新倒计时变量。我发现我不是唯一遇到此问题的人。我尝试了一些 "solutions" 但这没有用。让它发挥作用的最佳方法是什么？不想进行新的倒计时，因为这个计时器指令有很多我需要的功能。只是我无法从控制器更新倒计时。

我有一个 select 更新内容，效果很好，除了计时器，我添加了不同的时间值

$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 计时器的倒计时变量

Update countdown variable on Angular Timer

countdowntimer

angularjs

angularjs-directive