请看下面的
myButton
指令:
angular.module("Demo", []).directive("myButton", function() {
return {
restrict : "E",
replace: true,
scope: {
disabled: "="
},
transclude: true,
template: "<div class='my-button' ng-class='{ \"my-button-disabled\": disabled }' ng-transclude></div>",
};
});
以下是可以这样使用的方法:
<my-button disabled="buttonIsDisabled"
ng-click="showSomething = !showSomething">
Toggle Something
</my-button>
当buttonIsDisabled
为true
时,我该如何阻止ng-click
执行?
ng-disabled
,那么您可能也不想使用内置的ng-click
。 - lyschoeningdisabled
还是由disabled
支持的ngDisabled
在这里都没有任何效果,因为它们被放置在一个div
上(而不是一个input
或button
)。 - gkalpak