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.参考:ngDisabled文档

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

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

Answer 2

ng-disabled 在 span 上不起作用。所以我禁用了点击

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

然后使用 class 更改 span 的样式

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

并在 span 标签中使用类

class="disable-span"