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

时间:2016-09-08 20:06:32

标签: javascript angularjs twitter-bootstrap angular-ui-bootstrap

我正在尝试在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

这是plunker

1 个答案:

答案 0 :(得分:7)

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

以下是具有disable属性

plunker

这是一个容易犯的错误!