如何使用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。