2017-08-09 10 views
1

タブを作成する必要があります。最初と最後は固定され、その間にあるタブはデータに基づいて作成されます。最初と最後を除いてタブを動的に作成

私は最後のタブにインデックスを設定する方法がわかりません。以下のコードは次のとおりです。

<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; 
} 
+0

最後のタブに固定された大きな値を割り当てた場合、おそらく999 – diegoe

+0

@diegoe lol yeah ...その仕事は、インデックスに固定されました。 – grabnem

答えて

0

あなたのような、どんな文字列定数を使用することができます。それを使用することができるよう番号を使用して

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

は、より危険ですng-repeatで生成された要素では(まあ、100個のタブがないので、100を使うとうまくいくかもしれません)。

関連する問題