Как транслировать с http-перехватчика?

Question

Использование AngularJS 1.2

Мой перехватчик выглядит следующим образом:

 $httpProvider.interceptors.push(['$q', '$log', '$rootScope', function ($q, $log, $rootScope) { 
      return { 
       'request': function(config) { 
        $rootScope.$broadcast('spin'); 
        console.info('request!'); 
        return config || $q.when(config); 
       }, 
... 

В моем контроллере нав (который обрабатывает и связывает загрузчик/кок к виду):

$rootScope.$watch('spin', function(event) { 
    console.info('spin'); 
    $scope.spinner++; 
}); 

Радиопередача кажется чтобы произойти только один раз в конце всех полученных ответов, хотя я вижу много запросов ! в журнале консоли.

Как я могу управлять своим глобальным счетчиком/загрузчиком?

EDIT Я хочу показать загрузчик/счетчик в моем навигаторе каждый раз, когда данные загружаются.

Answer 1

$watch функция не слушает для широковещательных сообщений. Он следит за изменениями в сфере применения. В этом случае вы вызываете функцию всякий раз, когда изменения $rootScope.spin, которые сразу вызываются (по умолчанию), поэтому вы получили один раз.

Функция $on - это то, что вы хотите здесь, так как это то, что будет слушать трансляцию событий.

$rootScope.$on('spin', function(msg, data) { 
    console.info('spin'); 
    $scope.spinner++; 
}); 

Я собрал полный рабочий пример, если Вам интересно:

http://codepen.io/BrianGenisio/pen/wIBHz

Answer 2

Вместо использования Бодрствующего вы должны просто использовать на в функции модуля запуска

angular.module('test',[]).run(['$rootScope' function ($rootScope) { 
    $rootScope.$on("$spin", function() { 
     // set the spinner here 
    }); 

}]);