如何使用Angular實現Bootstrap藥丸活動課程

Question

我想創建一組藥丸，其中包含所有狀態和選民人數，我希望點擊的藥丸變得活躍。所以，我對於這件事情不成功的嘗試如下：

<ul class="nav nav-pills"> 
    <li ng-class="{ active:tab.isSet(x.name) }" ng-repeat="x in states"> 
     <a href ng-click="tab.setTab(x.name)">{{x.name}} <span class="badge">{{x.elector}}</span></a> 
    </li> 
</ul> 

而且，我的控制器中我有這樣的一段代碼爲此事：

$scope.tab = "Alabama"; 

$scope.isSet = function(checkTab) { 
    return $scope.tab === checkTab; 
}; 

$scope.setTab = function(activeTab) { 
    $scope.tab = activeTab; 
}; 

順便說，起初我試圖通過比較它們的指數來使藥丸活躍，但沒有幫助。如果你能幫助我用索引來做到這一點，那會更好。我很抱歉，如果已經發布瞭解決方案，但我找不到它。

在此先感謝！

Answer 1

<ul class="nav nav-pills"> 
    <li ng-class="{ 'active':tab.isSet(x.name) }" ng-repeat="x in states"> 
     <a href ng-click="tab.setTab(x.name)">{{x.name}} <span class="badge">{{x.elector}}</span></a> 
    </li> 
</ul> 

注各地積極

Answer 2

的報價我發現了它，我應該在 「tab.isset（......）」 已經刪除了 「標籤」 S。