angularjs - 编译后多次执行On事件

Question

我有这个指令:

    myApp.directive('someDir', function($compile){
    return{
        restrict: 'A',
        link: function(scope, element, attrs){
            scope.$on("compileTask", function() {
                $compile(element)(scope);
            });
        }
    }
});

在我的 Controller 中，我将事件广播为:

myApp.controller('GreetingController', ['$scope', function($scope) {
  $scope.$broadcast('compileTask');
}]);

View 是:

<h2 some-dir ng-bind-html="employee.name"></h2>
<h4 some-dir ng-bind-html="employee.designation"></h4>

问题是，当“compileTask”事件被广播时，它被广播了多次。我想知道为什么它会多次广播该事件？以及允许单次广播的方式是什么

Answer 1

事件被“广播”给所有事件监听器。由于您有两个指令监听该事件，因此它们都会处理它。