动态制作制表符，除了第一个和最后一个

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 也可能有效） .

动态制作制表符，除了第一个和最后一个

Make tabs dynamically except first and last

javascript

tabs

angularjs

angularjs-ng-repeat