Question

我在td中有一个图标，根据条件我要禁用它：

<td colspan="2" style="text-align: center;"><span 
                                            ng-disabled="action.isActionInprogress"
                                            ng-click="showAction($event,action)"
                                            style="cursor: pointer;" class="glyphicon glyphicon-eye-open"                                           
                                            title="{{action.isActionInProgress ? 'Cannot View While Action In Progress' : 'Show Action'}}">

显示标题（无法查看动作进行中）但图标未被禁用。我错过了什么？

Answer 1

用一个按钮包裹span并尝试。我不认为你可以直接对span应用ng-disable。否则您必须动态应用样式并阻止click事件使span禁用

<button class="btn"  ng-disabled="action.isActionInprogress"  ng-click="showAction($event,action)"><span class="glyphicon glyphicon-eye-open" ></span></button>

Use CSS to make a span not clickable

根据Angularjs中的条件禁用图标

1 个答案: