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

Question

我试图在Angular Ui-bootstrap 2.0标签集中设置要禁用的选项卡.

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

我试图在一个不是用ng-repeat创建的集合中禁用Tab,它似乎不起作用.我已经对残疾人财产进行了硬编码.我尝试使用简单的"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

这是一个掠夺者.

Answer 1

您需要使用disable属性notdisabled

这是与属性相同的plunkerdisable

这是一个容易犯的错误!