Angularjs ng重复叠瓦的第一个元素 安格拉斯
如何获取第一个元素并自动添加类“active” 有2个ng重复,我要获取第一组-->第一项-->第一个元素并添加类Angularjs ng重复叠瓦的第一个元素 安格拉斯,angularjs,Angularjs,如何获取第一个元素并自动添加类“active” 有2个ng重复,我要获取第一组-->第一项-->第一个元素并添加类 <div class="first" ng-repeat="group in group "> <div class="second" ng-repeat="item in items"> <div ng-class="{'act
<div class="first" ng-repeat="group in group ">
<div class="second" ng-repeat="item in items">
<div ng-class="{'active': selectedGame.id === prematchGame.id}"></div>
</div>
</div>
您可以这样做:
<div ng-class='{active:$first}' > {{item.data}}</div>
{{item.data}
使用$first检查ng repeat的第一个元素:
如果您只需要第一个元素,那么这是一种简单的方法
<div class="first" ng-repeat="group in group">
<div class="second" ng-repeat="item in items">
<div ng-class="{'active': $index == 1}" ></div>
</div>
</div>
如果您想使
仅激活first的first元素中的first元素,则可以对其他ng repeat all执行相同的操作,它们将具有不同的$index,然后尝试:
<div class="first" ng-repeat="group in groups">
<div class="second" ng-repeat="item in items">
<div ng-class='{active: $first && $parent.$first}'>{{item.data}}</div>
</div>
</div>
{{item.data}
它不起作用,我只想得到第一组-->第一项-->第一个元素通过这种方式第一项的每个元素都有类“acitve”,例如:1组-->3项-->5个元素,这样3个元素有活动类,但我只想要一个和第一个是的,得到了。请尝试我的最新答案,现在让我知道,如果这是你expecting@AroTonoyan检查我上面添加的小提琴。它不工作,我只想获取第一组-->第一项-->第一个元素。在Mistalis post中,您可以使用$parent
。对不起,关于此元素还有一个问题。。。触发点击此元素的最佳方式是什么?您想知道第一个ng重复的第一个元素何时被点击吗?不,我想找到第一个元素,然后自动点击此元素我不理解“自动点击此元素”的概念,为什么不直接调用这个元素上的函数呢?我想应该是…:)
<div class="first" ng-repeat="group in groups">
<div class="second" ng-repeat="item in items">
<div ng-class='{active: $first && $parent.$first}'>{{item.data}}</div>
</div>
</div>