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（...）”中的“标签”。

如何使用Angular实现Bootstrap药丸活动类

2 个答案: