动态制作标签，除了第一个和最后一个

Question

我必须创建标签，第一个和最后一个是固定的，并且基于数据填充它们之间的标签。

我卡住了，不能弄清楚如何设置索引到我的最后一个选项卡。代码如下：

<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> 

TS：

$scope.activeConTab = 0; 
$scope.changeConTab = function (selectedCon) { 
    $scope.activeConTab = selectedCon; 
} 

Answer 1

你可以使用任何常量字符串，如：

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

使用一些更危险的，因为它可以使用由ng-repeat生成的元素（好吧，我想你不会有100个标签，所以使用100也可以）。