Faire des onglets de façon dynamique, sauf le premier et le dernier

Question

Je dois créer des onglets, le premier et le dernier sont corrigés, et ceux entre les deux sont remplis en fonction des données.

Je suis coincé et je n'arrive pas à comprendre comment régler l'index sur mon dernier onglet. Le code est ci-dessous:

<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

Vous pouvez utiliser toute chaîne de constante, tels que:

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

L'utilisation d'un nombre est plus risqué, car il peut être utilisé par les éléments générés avec ng-repeat (eh bien, je suppose que vous n'aurez pas 100 onglets, donc utiliser 100 peut aussi fonctionner).