角度：イベントが2回処理されるのはなぜですか？

Question

私は3つのコントローラを持っています：main、product、customer。コントローラAは私の「マスターページ」の一部です。コントローラBおよびCは位置に依存します。メイン

コントローラー：

var MainController = function ($scope, $location, $rootScope, ToolbarService) { 
    $scope.addClicked = function() { 
     ToolbarService.onAddButtonClick(); 
    }; 
}; 

app.controller({ MainController: MainController }); 

製品：

var ProductController = function ($scope) { 

    $scope.$on('handleAddButtonClick', function() { 
     alert('Add product'); 
    }); 
}; 
app.controller({ ProductController: ProductController }); 

顧客：

var CustomerController = function ($scope) { 

    $scope.$on('handleAddButtonClick', function() { 
     alert('Add customer'); 
    }); 
}; 
app.controller({ CustomerController: CustomerController}); 

toolbarService：

app.service({ 
    ToolbarService: function ($rootScope) { 
     return { 
      onAddButtonClick: function() { 
       $rootScope.$broadcast('handleAddButtonClick'); 
      } 
     }; 
    } 
}); 

私の場所が#/productsで、メインのaddClickedが呼び出されると、「製品を追加」という警告が2回表示されます。これはなぜ誰かが手がかりを持っていますか？

Answer 1

問題は、私もルートでコントローラが宣言されていたことでした。だから、私は自分のhtmlページとルートプロバイダのコントローラを設定していました。これにより、すべてが2回実行されました。