Question

我正在尝试禁用某些带有条件的标签，但 ng-disabled =“true”无法正常工作..即使它无法使用'true'条件

<div class="col-md-2 no-padding">
    <span class="col-md-12 tab-item"
          ng-class="{'tab-active': selectedtab == 'Date'}"
          ng-click="tebSelect('Date')"
          ng-disabled="true">Date</span>
</div>

Answer 1

ng-disabled指令根据传递给它的表达式添加disabled属性，而disabled属性仅适用于input，select或{{1}等表单元素元素。目前，您正在尝试将button指令放在ng-disabled元素上，这在任何意义上都无效。

使用AngularJS span上的uib-tabs可以轻松实现您尝试实现的功能，如下所示。在那里，您可以使用ui-bootstrap指令和disabled指令，这将帮助您禁用选项卡。

uib-tabs

Angular UI Bootstrap tabs

Answer 2

ng-disabled属性仅适用于输入，选择或按钮。尝试使用ng-class属性。

当Example_Value变量为true时被禁用＆＃39; class将添加到元素。

ng-class =＆＃34; {＆＃39;禁用＆＃39 ;: Example_Value == true}＆＃34;

Angular JS＆gt; ng-disabled指令不起作用

2 个答案: