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

时间:2017-08-09 14:21:00

标签: 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="{ '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;
}

1 个答案:

答案 0 :(得分:0)

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

Public color As String
Public suit As String
Public number As Integer

使用数字风险更大,因为ng-repeat生成的元素可能会使用它(好吧,我猜你不会有100个标签,所以使用<div ng-click="changeConTab('last')" ng-class="{'active-tab': activeConTab == 'last'}"> Example Tab Last </div> 也可以。)< / p>