Angularjs 在ng repeat中添加活动类
我有两个迭代,一个列表和它的包装器。我想在单击项目时添加一个类。但是现在类添加了所有包装器列表项。请参阅下面的链接Angularjs 在ng repeat中添加活动类,angularjs,Angularjs,我有两个迭代,一个列表和它的包装器。我想在单击项目时添加一个类。但是现在类添加了所有包装器列表项。请参阅下面的链接 $scope.select= function(index) { $scope.selected = index; }; 请任何人帮帮我谢谢 Vimal如果出现逻辑错误,则需要执行类似操作 <div ng-app='app' class="filters_ct" ng-controller="selectFilter"> <div ng-rep
$scope.select= function(index) {
$scope.selected = index;
};
请任何人帮帮我谢谢
Vimal如果出现逻辑错误,则需要执行类似操作
<div ng-app='app' class="filters_ct" ng-controller="selectFilter">
<div ng-repeat="filter1 in filters">
<ul>
<li ng-repeat="filter in filters" ng-click="filter1[selected] = $index " ng-class="{active: $index == filter1[selected]}">
<span class="filters_ct_status"></span>
{{filter.time}}
</li>
</ul>
</div></div>
-
{{filter.time}
查看更新的小提琴
-
{{filter.time}
您需要组合两个$index
值。使用$parent.$index
ng-click="select($parent.$index, $index)" ng-class="{active: $parent.$index + '.' + $index == selected}"
及
检查这个
< P>你需要考虑父索引…< /P><div ng-app='app' class="filters_ct" ng-controller="selectFilter">
<div ng-repeat="filter1 in filters">
<ul>
<li ng-repeat="filter in filters" ng-click="select($parent.$index, $index)" ng-class="{active: $parent.$index+','+$index == selected }">
<span class="filters_ct_status"></span>
{{filter.time}}
</li>
</ul>
</div>
</div>
谢谢你……)一个小问题,当我单击其他组中的项目时,没有删除活动类。因此,您希望删除所有ul li下的所有活动类
$scope.select= function(parentIndex, index) {
$scope.selected = parentIndex + '.' + index;
};
<div ng-app='app' class="filters_ct" ng-controller="selectFilter">
<div ng-repeat="filter1 in filters">
<ul>
<li ng-repeat="filter in filters" ng-click="select($parent.$index, $index)" ng-class="{active: $parent.$index+','+$index == selected }">
<span class="filters_ct_status"></span>
{{filter.time}}
</li>
</ul>
</div>
</div>
...
$scope.select= function(pindex, index) {
$scope.selected = pindex+','+index;
};
...