AngularJS使用指令来阻止其他指令执行

这些操作可以通过ng-click或任何其他“click binding”指令触发(例如’modal-toggle’指令).

所以我找到了这个解决方案：https://stackoverflow.com/a/16211108/2719044

这非常酷,但只适用于ng-click.

我首先想要使指令的“终端”属性动态,但无法设法做到这一点.

因此,我们的想法是将“terminal”设置为true并手动阻止指令中的默认点击操作.

这是我的DOM

<!-- This can work with terminal:true and scope.$eval(attrs.ngClick) (see example above) -->
<div user-needed ng-click="myAction()">Do it !</div> 

<!-- This doesn't work. I can't manage to prevent the modal-toggle to be executed -->
<div user-needed modal-toggle="my-modal-id-yey">Show yourself modal !</div>

而我的指令(不起作用……)

// First try (with terminal:true)
app.directive('userNeeded',function() {
    return {
        priority: -100,terminal: true,restrict: 'A',link: function(scope,element,attrs) {
            element.bind('click',function(e) {
                if(isRegistered()) {
                    // Here we do the action like scope.$eval or something
                }
            });
        }
    };
});

// Second try (with stopPropagation)
app.directive('userNeeded',function() {
    return {
        priority: -100
        restrict: 'A',function(e) {
                if(!isRegistered()) {
                    e.stopPropagation();
                }
            });
        }
    };
});

……这就是我在这里的原因.任何的想法 ？

非常感谢.