Angular JS> ng-disabled директива не работает

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 работает только для ввода, выбора или кнопки.Попробуйте использовать атрибут ng-class.

, когда переменная Example_Value имеет значение true. 'Отключенный' класс добавит к элементу.

ng-class = "{'disabled': Example_Value == true}«

Answer 2

Директива

ng-disabled добавляет атрибут disabled на основе переданного ей выражения, а атрибут disabled работает только с элементами формы, такими как input, select или button.В настоящее время вы пытаетесь поместить директиву ng-disabled в элемент span, который не будет работать ни в каком смысле.

Функциональность, которую вы пытаетесь достичь, легко возможна при использовании uib-tabs в AngularJS ui-bootstrap, что-то вроде ниже.Там вы можете использовать директиву disabled с директивой uib-tabs, которая поможет вам отключить вкладку.

<uib-tabset active="active">
    <uib-tab index="0" heading="Static title">Static content</uib-tab>
    <uib-tab index="$index+1" 
     ng-repeat="tab in tabs" heading="Tab 1" disable="tab.disabled">
      {{tab.content}}
    </uib-tab>
    <uib-tab index="3" select="alertMe()">
      <uib-tab-heading>
        <i class="glyphicon glyphicon-bell"></i> Alert!
      </uib-tab-heading>
      I've got an HTML heading, and a select callback. Pretty cool!
    </uib-tab>
</uib-tabset>

Angular UI Bootstrap tabs