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

Question

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

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

我正在尝试禁用不是使用 ng-repeat 创建的集合中的选项卡，但它似乎不起作用。我已经对 disabled 属性进行了硬编码。我尝试使用一个简单的“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

这是一个容易犯的错误！