angularjs - Angular $rootScope.$broadcast() event caught twice in controller

Question

Broadcating event on button click :-

$scope.onButtonClick = function(){
    $rootScope.$broadcast('onButtonClick');
}

And catching event in another controller :-

$rootScope.$on('onButtonClick',function(event){
  alert("catched");
  console.log(event);
});

But it caught twice even though it fired only once. Why is that?

Answer 1

事实证明，由于ng-controllerhtml 中的声明以及ui-router.

解决方案是删除其中一个声明。

Answer 2

如果您广播一个事件$rootScope，您可以在每个控制器上捕获该事件$scope。IMO 你不应该在$rootScope.

$scope.$on('onButtonClick',function(event){
  alert("catched");
  console.log(event);
});

我创建了一个 plunker 展示，它表明它完全按预期工作。普朗克

您可能有同一个控制器的多个实例，您可以在其中捕获事件。请按照 Chandermani 的建议进行检查。

Answer 3

Angular$rootScope.$broadcast()事件在控制器中捕获了两次

$scope.$on('saveCancelLeadInfo', function (event, args) {
    if ($scope.$$listenerCount["saveCancelLeadInfo"] > 1) {
        $scope.$$listenerCount["saveCancelLeadInfo"] = 0;
    }
    your code here
});