Bootstrap pills active classをAngularで実装する方法

Question

私はすべての状態の選手をその選手の数で作成したいのですが、クリックされた丸薬をアクティブにしたいと思います。だから、次のようにこの問題についての私のunsuccesful試みがある：

<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（...）" の "タブ" のを削除したはずです。