Kątowe: Dlaczego moje wydarzenie jest obsługiwane dwukrotnie?

Question

Mam trzy kontrolery: główne, produktu, klienta. Kontroler A jest częścią mojej "masterpage". Kontrolery B i C zależą od lokalizacji.

kontroler główny:

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

app.controller({ MainController: MainController }); 

produkt:

var ProductController = function ($scope) { 

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

klientów:

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

Gdy moja lokalizacja to #/products, a wywoływana jest główna nazwa addClicked, otrzymuję alert "Dodaj produkt" dwa razy. Czy ktoś ma pojęcie, dlaczego tak jest?

Answer 1

Problem polegał na tym, że miałem również kontroler zadeklarowany na trasach. Tak więc skonfigurowałem kontroler na mojej stronie html i jeden w dostawcy tras. Spowodowało to, że wszystko wykonane dwukrotnie.