angular.js: 14700 Ошибка: [$ rootScope: infdig] 10 $ digest () достигнуты итерации.Aborting

Question

<div class="bottom-right bottom-timer time botton10">
  <div class="work-clock" ng-bind="workCntrl.getClockString(work)">
  </div>
</div>

getClockString(work) выдает ошибку:

[$ rootScope: infdig] 10 $ digest () достигнуты итерации.Aborting!Наблюдатели сработали за последние 5 итераций: [[{"msg": "workCntrl.getClockString (work)", "newVal": "132: 0: 15: 6", "oldVal": "132: 0: 15: 5"},

Answer 1

Если ваш метод getClockString возвращает одно строковое значение, тогда вызовите его внутри службы $interval angular.Обновите код вашего шаблона до:

<div class="bottom-right bottom-timer time botton10">
  <div class="work-clock" ng-init="workCntrl.getClockStringEverySecond(work)" 
     ng-bind="workCntrl.clockString">
  </div>
</div>

В контроллере обновите свой код до:

workCntrl.getClockStringEverySecond = function(work) {
    $interval(function () {
        workCntrl.clockString= workCntrl.getClockString(work);
    }, 1000);
}

Здесь clockString - это переменная области действия, которая будет обновляться каждую секунду, получая значение изметод getClockString.Таким образом, вы не получите вышеупомянутую проблему.

Общий пример