angularjs - AngularJsブロードキャスト繰り返し実行回数が多すぎる

Question

私の Angular コントローラーの 1 つの内部には、次のようなものがあります。

// controller A
$rootScope.$on("myEventFire", function(event, reload) {
    someAction();
});

別のコントローラーでは、これがあります：

// controller B
$scope.openList = function(page) {
    $rootScope.$broadcast('myEventFire', 1);
}

さて、これは単一ページのアプリです。最初にコントローラー A に移動してこのイベントをトリガーしようとすると、someAction()が 1 回実行されます。離れてコントローラー A に戻って同じことをすると、someAction()が 2 回実行されます。もう一度やると、それが 3 回発生します。ここで何が間違っていますか？

Answer 1

$rootScope.$on() から return コールバックを実行することにより、スコープが破棄されたときにそれを削除することもできます。

いえ

var destroyFoo;

destroyFoo = $rootScope.$on('foo', function() {});

$scope.$on('$destroy', function() {
  destroyFoo(); // remove listener.
});       

Answer 2

壊したくないなら、

最初にリスナーイベントを確認できると思います-AngularJS 1.2.15

だから私はこれがうまくいくと思う：

if(!$rootScope.$$listenerCount['myEventFire']){
    $rootScope.$on("myEventFire", function(event, reload) {
        someAction();
    });
}

Answer 3

それが誰かを助けるなら、私はディレクティブで同様の問題を抱えていました。ディレクティブを開くたびに、イベントが発生する回数が増加しました。

以下を使用して解決しました（これはコントローラーのinit関数にありましたが、コントローラー自体で定義できたと思います。私の場合、イベントが発生したときにコントローラーを再初期化する必要がありました）

 if (!$scope.onMyEvent) $scope.onMyEvent= $scope.$on('myEvent',function(event,data){
        .....
        });

Answer 4

私の場合は...

if ($rootScope.$$listenerCount['myEventFire']) {
    $rootScope.$$listeners.broadcastShowMessageError = [];
};

$rootScope.$on('myEventFire', function (event, reload) {
    someAction();
})