使用 Angular UI Bootstrap 禁用静态选项卡？

Question

我正在尝试在 Angular Ui-bootstrap 2.0 选项卡集中设置要禁用的选项卡。

在他们网站上的示例中，他们启用和禁用（使用按钮）的是一个动态选项卡（一个 ng-repeat）。我试过了，有效。

我正在尝试禁用不是使用 ng-repeat 创建的集中的选项卡，但它似乎不起作用。我对残疾人属性进行了硬编码。我尝试使用一个简单的 "true" 和一个控制器属性。该选项卡仍然可选择。

<uib-tabset active="active">
  <uib-tab index="0" heading="Static title">
    Lorem ipsum dolor sit amet
  </uib-tab>
  <uib-tab index="1" heading="Another static title">
   Consectetur adipisicing elit.
  </uib-tab>
  <uib-tab index="2" heading="Still another static title" disabled="amDisabled">
    Recusandae
  </uib-tab>

其中 $scope = amDisabled = true

这里是plunker.

Answer 1

您需要使用 disable 属性而不是 disabled

此处与disable属性相同plunker

这是一个很容易犯的错误！

使用 Angular UI Bootstrap 禁用静态选项卡？

Disabling a static tab with Angular UI Bootstrap?

javascript

twitter-bootstrap

angularjs

angular-ui-bootstrap