angular.js - angular $scope.$on receives events and executes them repeatedly

Question

Values ​​are passed between angular controllers through events. Every time the page refreshes the route, the view ui-view will be refreshed, and the bound controller {code...} will be reloaded (because I bound the listCtrl controller to on the label within the view) { code within the controller.....

曾经蜡笔没有小新 · Answer

Thank you for the invitation, write a service or hang a global variable on $rootScope

if(!$rootScope.isInvoked) {
    var unbindHandler = $scope.$on('testData', function(evt, data) {
        //执行完成后就把该事件解绑 
        unbindHandler();
        $rootScope.isInvoked = true;
    });
}

Of course, regarding event subscription and sending, if it is not a situation like routing that requires notification to all scopes, it is recommended not to use the event mechanism that comes with AngularJS. It is recommended to write an EventBus service to handle it yourself. Because the event mechanism of AngularJS needs to traverse the entire scope tree, the performance is average.

Recommend an internal summary of our team:
https://github.com/ShuyunXIAN...