Broadcast различные контроллеры в AngularJS

Question

Я разрабатываю систему разрешений для моего приложения, используя завод, который выглядит следующим образом:

angular.module('ecosystemServices', []) 
.factory('Guard', function($http, $rootScope) { 
    var permissions = []; 
    return { 

     ready: function() { 
      if (permissions.length == 0) { 
       $http.get('/api/users/own-permissions') 
        .success(function(data){ 
         permissions = data.user_permissions; 
         $rootScope.$broadcast('permissionsReady', 1); 
       }); 
      } else { 
       $rootScope.$broadcast('permissionsReady', 1); 
      } 

      return true; 
     } 
    } 
}) 

я должен ждать, пока не будут загружены разрешения начать делать запросы, поэтому я выполняя передачу на контроллер, который выглядит примерно так:

appControllers.controller('AgencyPanelCtrl', ['$rootScope', '$scope', '$location', '$routeParams', '$http','Guard', 
function ($rootScope, $scope, $location, $routeParams, $http, Guard) { 

    $scope.loading = true; 


    Guard.ready(); 

    $scope.has_permission = function(permission) { 
     return Guard.can(permission); 
    } 

    $rootScope.$on('permissionsReady', function(event, ready) { 
     $scope.initialize(); 
    }); 


    $scope.initialize = function() { 
     console.log("Initialized"); 
    } 

}]); 

это работает, но если я изменить контроллер и сделать то же самое (изменить вид и изменить контроллер), широковещательные прибывающие к старому контроллеру ,

Кто-нибудь знает почему? Или как это исправить?

Answer 1

Вы определяете слушателя событий на $rootScope. Как следует из названия, существует только один $rootScope, и он находится в самом начале документа.

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

Вместо этого, вы должны определить слушателя на $scope контроллера:

$scope.$on('permissionsReady', function(event, ready) { 
    $scope.initialize(); 
}); 

Это должно исправить вашу проблему.