angular.js - angular $scope.$on 接收事件重複執行

Question

angular controller 之間透過事件傳遞值頁面每次刷新路由都會對視圖ui-view 進行刷新， 綁定在內的控制器{代碼...} 會進行重載，（因為我把listCtrl 控制器綁定到了在視圖內的標籤上） controller 內的{代碼.....

曾经蜡笔没有小新 · Answer

謝邀, 寫一個 service 或在 $rootScope 上掛一個全域變數

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

當然，關於事件訂閱與發送這塊如果不是像路由這種需要通知所有scope的情況，建議不要使用AngularJS自帶的事件機制，建議自己寫一個EventBus服務去處理。因為AngularJS的事件機制需要遍歷整個scope樹，所以性能一般。

推薦一篇我們團隊內部的總結:
https://github.com/ShuyunXIAN...