Javascript 动态创建选项卡(第一个和最后一个除外)

Javascript 动态创建选项卡(第一个和最后一个除外),javascript,angularjs,tabs,angularjs-ng-repeat,Javascript,Angularjs,Tabs,Angularjs Ng Repeat,我必须创建选项卡,第一个和最后一个选项卡是固定的,中间的选项卡是根据数据填充的 我被卡住了,不知道如何将索引设置为我的最后一个选项卡。代码如下: <div ng-click="changeConTab(0)" ng-class="{ 'active-tab': activeConTab == 0 }">Example Tab First</div> <div ng-click="changeConTab($index + 1)" ng-class="{ 'acti

我必须创建选项卡,第一个和最后一个选项卡是固定的,中间的选项卡是根据数据填充的

我被卡住了,不知道如何将索引设置为我的最后一个选项卡。代码如下:

<div ng-click="changeConTab(0)" ng-class="{ 'active-tab': activeConTab == 0 }">Example Tab First</div>

<div ng-click="changeConTab($index + 1)" ng-class="{ 'active-tab': activeConTab == $index + 1}" ng-repeat="contact in someModel.Info">{{ $index + 1 }} Something in between</div>

<div ng-click="changeConTab(???)" ng-class="{ 'active-tab': activeConTab == ??? }">Example Tab Last</div>

您可以使用任何常量字符串,例如:

<div ng-click="changeConTab('last')" ng-class="{'active-tab': activeConTab == 'last'}">
    Example Tab Last
</div>

最后一个示例选项卡

使用数字的风险更大,因为它可能会被使用ng repeat生成的元素使用(我猜您不会有100个制表符,所以使用
100
也可能有效)。

您可以使用任何常量字符串,例如:

<div ng-click="changeConTab('last')" ng-class="{'active-tab': activeConTab == 'last'}">
    Example Tab Last
</div>

最后一个示例选项卡

使用数字的风险更大,因为它可能会被使用ng repeat生成的元素所使用(嗯,我想您不会有100个选项卡,所以使用
100
也可能有效)。

如果您为最后一个选项卡指定一个固定的大值,可能会怎么样999@diegoe哈哈,是的。。。这就是工作,我专注于索引,谢谢你,巴德:)如果为最后一个选项卡指定一个固定的大值,可能会怎么样999@diegoe哈哈,是的。。。这就是工作,我专注于索引,谢谢你,巴德:)