Angolare: perché il mio evento è stato gestito due volte?

Question

Ho tre controller: principale, prodotto, cliente. Il controller A fa parte della mia 'pagina principale'. I controllori B e C dipendono dalla posizione.

controller principale:

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

app.controller({ MainController: MainController }); 

prodotto:

var ProductController = function ($scope) { 

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

cliente:

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'); 
      } 
     }; 
    } 
}); 

Quando la mia posizione è #/products e viene invocato il numero addClicked, viene visualizzato due volte l'avviso 'Aggiungi prodotto'. Qualcuno ha la più pallida idea di cosa sia?

Answer 1

Il problema era che avevo anche dichiarato un controller nei percorsi. Così avevo configurato un controller sulla mia pagina html e uno sul provider di rotte. Ciò ha causato che tutto fosse eseguito due volte.