angularjs - $rootScope.$on called multiple times

Question

In one controller I do :

$rootScope.$emit("newAction", {});

in another controller I do :

$rootScope.$on('newAction', function() {
          vm.newAction (...);
          vm.newAction (...);
          vm.newAction (...);
          vm.newAction (...);
          vm.newAction (...);
          vm.newAction (...);
      });

My problem is that $rootScope.$on is called multiple times. I don't know why.

If anybody has a hint... Thanks

`newAction` is a function you call multiple times? Show the code that surrounds the `$rootScope.$emit` — AranS, Jun 20 '16 at 10:32

score 18 · Answer 1 · edited May 23 '17 at 12:34

$rootScope listener are not destroyed automatically. You need to destroy it using $destroy.

var customeEventListener = $rootScope.$on('newAction', function() {
          vm.newAction (...);
          vm.newAction (...);
          vm.newAction (...);
          vm.newAction (...);
          vm.newAction (...);
          vm.newAction (...);
      });

$scope.$on('$destroy', function() {
        customeEventListener();
  });

Refer this link
Working with $scope.$emit and $scope.$on

angularjs - $rootScope.$on called multiple times

1 Answers1