Angular Bootstrap - 默认选项卡处于活动状态（动态选项卡）

Question

我对 Angularjs Bootstrap 标签有疑问。我希望动态选项卡在默认情况下处于活动状态，但似乎我不能，只要我在同一个选项卡集中有一个静态选项卡。

<tabset ng-init="tab.active = true">
    <tab ng-repeat="tab in tabs" heading="{{tab.title}}" active="tab.active">
        {{tab.content}}
    </tab>
    <tab heading="Static">
        Static
    </tab>
</tabset>

`

这里有一个plunkr来解释一下：

http://plnkr.co/edit/DfM6r4tznE9b0K8LqvF0?p=preview

我希望默认选择 "Dynamic Title 1"。是否可以使用 active 指令，或者我是否必须创建一个函数来处理活动状态？

Answer 1

试试这个。

<tabset>
  <tab ng-repeat="tab in tabs" heading="{{tab.title}}" active="tab.active" ng-init="tab.active = $index === 0">
    {{tab.content}}
  </tab>
  <tab heading="Static">
    Static
  </tab>
</tabset>

Working Plnkr