Ошибка при обновлении rootScope

Question

У меня есть Угловая служба, которая обновляет $rootScope. Обновление действительно отлично работает, но оно вызывает ошибку в консоли, которая меня беспокоит.

app.service("scroll", function($rootScope, $window) { 

    this.scrolling = function(delta){ 
    $rootScope.scroll.current -= delta; 
    } 

    $rootScope.$apply(); 

}); 

Если удалить $rootScope.$apply() ошибка не появляется, но тогда значение rootScope, кажется, не обновляется, когда я ссылаться на него в моем HTML.

Например, в моем HTML:

{{scroll.current}} 

Это только обновления, когда я использую $rootScope.$apply(). Есть ли лучший способ обновить $rootScope, или я просто делаю что-то неправильно?

Ошибка броска:

Error: [$rootScope:inprog] http://errors.angularjs.org/1.3.0-rc.5/$rootScope/inprog?p0=%24apply 

Answer 1

в $rootScope.$apply() вызвать $digest и в угловых в любой момент времени может быть только один $digest или $apply операция продолжается.

Использование $timeout.

app.service("scroll", function($rootScope, $window, $timeout) { 
    this.scrolling = function(delta) { 
     $rootScope.scroll.current -= delta; 
    } 

    $timeout(function() { 
     $rootScope.$apply(); //this triggers a $digest 
    }, 1); 
}); 

Answer 2

Вероятно ваши функции:

$rootScope.$apply(); 

называется также, когда он не нужен.

Вы просто должны добавить следующую строку:

if (!$rootScope.$$phase) 
     $rootScope.$apply() 

$$ фаза, когда угловая переваривает

EDIT:. Исправленный $ rootScope.apply() до $ rootScope $ применяются()