ng-disabled指令不起作用

Question

我有一个带有以下html的角度控制器。这是为了分页。

<li class="{{(first) ? 'disabled' : ''}}">
    <a href="" ng-click="pageChange('first')" ng-disabled="first">First</a>
</li>

该类适用于li，但未在锚点上禁用ng-click。

Answer 1

您无法停用a元素。

来自http://www.w3.org/TR/html5/disabled-elements.html：

  

4.13禁用元素

     

如果一个元素属于以下类别之一，则该元素实际上被禁用：

     

已禁用的按钮元素

     

已禁用的输入元素

     

选择已禁用的元素

     

已禁用的textarea元素

     

具有已禁用属性的optgroup元素

     

已禁用的选项元素

     

具有已禁用属性的字段集元素

您很可能希望将a元素更改为button，并将其设置为看似链接。

这是一个小提示：http://jsfiddle.net/simpulton/q8r4e/

小提琴不是我的，只是用Google搜索。

如果它在引导程序中，

<button type="button" ng-click="pageChange('first')" ng-disabled="first" class="btn btn-link">First</button>

如果您只是想阻止在视图中触发该功能：

<a href="" ng-click="!first && pageChange('first')">

Answer 2

禁用需要使用css的元素

.active {
   pointer-events: none;
   cursor: default;
}

使用ng-class来应用它

Answer 3

这对我有用。

a[disabled="disabled"] {
   pointer-events: none;
   cursor: default;
}