如何使用$ on和$ broadcast在另一個模塊中調用服務

Question

我試圖使用angular的$ broadcast從工廠A調用到工廠B.這兩個工廠在單獨的模塊中定義..下面是試圖做到這一點的代碼。

angular.module('secondApp', []) 
    .service('B', function($rootScope, $scope) { 
    $rootScope.$on('test', function(event, data) { 
     console.log(event, data); 
    }); 
}); 

var app = angular.module('firstApp', ['secondApp']); 

app.controller('MainCtrl', function($scope, A) { 
    $scope.test = function() { 
     A.test(); 
    }; 
}); 

app.service('A', function($rootScope) { 
    this.test = function() { 
     $rootScope.$broadcast('test', 'Hello from service A!'); 
    }; 
}); 

Answer 1

您應該使用$rootScope.$emit()，而不是$rootScope.$broadcast()。

因爲$rootScope.$broadcast()會向下發送。

編輯：

製備的樣品代碼測試發射/廣播/上基座上角指南：Plunker。

原來，使用$rootScope.$on來監聽事件將由$rootScope.$emit和$rootScope.$broadcast觸發。所不同的是$broadcast將向下派發，因此所有範圍也將收到該事件。

所以，如果你只是想通知$rootScope，只需使用$rootScope.$emit。 $rootScope.$broadcast會浪費資源。

希望它會有所幫助。