Javascript 带有Ng重复和静态选项卡的ui选项卡

我正在尝试为日期创建一个选项卡。我还想要一个标签，当点击它会添加另一个标签

这是我的一些代码

`<uib-tabset justified="true" class="ui-tab">
<uib-tab ng-repeat="date in dates track by $index" heading="{{date.date}}" ng-click="changeDay($index)" ui-on-drop="dropPlaceOnDate($data, $index)">
</uib-tab>
<uib-tab select="addDayToPlaylist()">
<uib-tab-heading>
<i class="glyphicon glyphicon-plus"></i>
</uib-tab-heading>
</uib-tab>
</uib-tabset>`

`
`

其中dates={date:“someDate”，active:false}

问题是，当我在HTML中运行此命令时，我注意到uib的活动选项卡集没有设置为第一个选项卡索引，而是最后一个选项卡（静态选项卡）的活动选项卡

当我移除静态部分时

`<uib-tab select="addDayToPlaylist()">
<uib-tab-heading>
<i class="glyphicon glyphicon-plus"></i>
</uib-tab-heading>
</uib-tab>` 

`
` 

从代码中，它将恢复为显示第一个选项卡索引

从调试中可以看出，它有一个ng repeat，日期为index=1，静态选项卡为index=0

---

如何使加载时的活动选项卡成为ng repeat中的第一个对象。此外，我希望跟踪活动索引，这样当我单击静态选项卡时，它将转到索引-1选项卡。

您可以通过在

uib选项卡集内添加
active=“1”
来选择第一个选项卡，并在
uib选项卡中添加
index
属性：

<uib-tabset justified="true" class="ui-tab" active="1">
   <uib-tab ng-repeat="date in dates track by $index" heading="{{date.date}}" 
      ng-click="changeDay($index)" ui-on-drop="dropPlaceOnDate($data, $index)" 
      index="date.index"> <!--where date.index = 1 or you can get this from your response-->
   </uib-tab>
   <uib-tab select="addDayToPlaylist()">
      <uib-tab-heading>
         <i class="glyphicon glyphicon-plus"></i>
      </uib-tab-heading>
   </uib-tab>
</uib-tabset>

你救了我一天