根据Angularjs中的条件禁用图标

根据Angularjs中的条件禁用图标,angularjs,function,icons,conditional-statements,title,Angularjs,Function,Icons,Conditional Statements,Title,我想根据条件禁用td中的图标: <td colspan="2" style="text-align: center;"><span ng-disabled="action.isActionInprogress" ng-click="showAction($event,action)"

我想根据条件禁用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'}}">
它显示标题在操作进行时无法查看,但图标未被禁用。
我遗漏了什么?

用一个按钮包裹跨度,然后再试一次。我认为您不能直接为span应用ng disable。否则,您必须动态应用样式并防止单击事件,以禁用跨度

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

ng disabled在值计算为true时向元素添加禁用属性。当存在禁用属性时,是否有配置为以不同方式显示图标的样式?