ng bind html ui sref,如何实现有条件地执行“ ui-sref”？

这个答案激发了我创建一条指令，该指令使我可以中断一系列事件，这些事件最终导致状态发生变化。为了方便起见和其他用途，也阻止了对同一元素执行ng-click的操作。

javascript

module.directive('eatClickIf', ['$parse', '$rootScope',

function($parse, $rootScope) {

return {

// this ensure eatClickIf be compiled before ngClick

priority: 100,

restrict: 'A',

compile: function($element, attr) {

var fn = $parse(attr.eatClickIf);

return {

pre: function link(scope, element) {

var eventName = 'click';

element.on(eventName, function(event) {

var callback = function() {

if (fn(scope, {$event: event})) {

// prevents ng-click to be executed

event.stopImmediatePropagation();

// prevents href

event.preventDefault();

return false;

}

};

if ($rootScope.$$phase) {

scope.$evalAsync(callback);

} else {

scope.$apply(callback);

}

});

},

post: function() {}

}

}

}

}

]);

html

Go Somestate