添加活动类为与NG重复按键NG单击

Question

我想：

• 具有获取一个主动类列表时，对他们的用户点击使用NG-重复

我已经做了一些编码：

<ul class="nav nav-pills center-pills"> 
    <li ng-repeat="kit in kits"><a href="">{{kit.name}}</a></li> 
</ul> 

和控制器：

$meteor.subscribe('kits').then(function(){ 
    $scope.kits = $meteor.collection(Kits, false); 
}); 

这将从mongo数据库集合中返回一列kits。

这样做的最好方法是什么？

谢谢！

编辑

添加以下代码：

<ul class="nav nav-pills center-pills"> 
    <li ng-repeat="kit in kits" ng-class="{'active': selectedItem == kit.name}"><a ng-click="selectedItem = kit.name" href="">{{kit.name}}</a></li> 
</ul> 

但活动类没有被删除，当我点击另一个li

EDIT2

这里的代码有第一个acti但仍然有问题，他们不删除活动类，当我点击一个不具有活动类的不同。

<ul class="nav nav-pills center-pills" ng-init="activeIndex = 0"> 
    <li ng-repeat="kit in kits" ng-class="{active:(activeIndex==$index)}"><a ng-click="activeIndex = $index" href="">{{kit.name}}</a></li> 
</ul> 

EDIT3

下面的代码我现在有（还是同样的结果）：

<li ng-repeat="kit in kits" ng-class="{'active': selectedItem == kit.name}" ng-init="selectedItem = kits[0].name"><a ng-click="selectedItem = kit.name" href="">{{kit.name}}</a></li> 

Answer 1

你想在同一类型的唯一一个有源元件或每个LI用户添加类会点击？

只有一个元素中选择的时间

<ul class="nav nav-pills center-pills"> 
    <li ng-repeat="kit in kits" ng-class="{'active': selectedItem == kit.name}"> 
    <a href="" ng-click="selectedItem = kit.name">{{kit.name}}</a> 
    </li> 
</ul> 

多项选择

<ul class="nav nav-pills center-pills"> 
    <li ng-repeat="kit in kits" ng-class="{'active': kit.active}"> 
    <a href="" ng-click="kit.active = !kit.active">{{kit.name}}</a> 
    </li> 
</ul>