ng-disabled不适用于span标记

Question

我想要禁用带有glyphicon图标的span标记。但禁用ng不起作用，即图标仍然可以点击。

<span ng-disabled="true" class="glyphicon glyphicon-trash" style="font-size:13px;" aria-hidden="true" ng-click="DeleteIpAdress(objIpAdress)" ng-show="objIpAdress.ShowRemoveButton" ng-model="objIpAdress.ShowRemoveButton" title="Delete IP address"></span>

标签中有什么问题吗？

Answer 1

ng-disabled指令仅适用于输入字段和按钮。它不适用于span。 Ref: ngDisabled Documentation

您可以使用以下代码阻止点击操作

ng-click="isClickAllowed && DeleteIpAdress(objIpAdress)"

Answer 2

ng-disabled对span无效。所以我禁用了点击

ng-click="disabledConditionHere || DeleteIpAdress(objIpAdress)"

然后使用类

更改了span的样式

.disable-span{
    color: #E6E6E6;
    cursor: not-allowed;
}

并在span标记中使用了类

class="disable-span"

Answer 3

我曾经遇到同样的问题，从内存解决方案是将禁用的条件置于ng-click中。

ng-click="disabledConditionHere || DeleteIpAdress(objIpAdress)"

Answer 4

如果您使用bootstrap将bootstrap类btn btn-xs添加到span标记。这将修复范围标记ng-disabled。适用于Firefox。