Angularjs 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

如何获取第一个元素并自动添加类“active”

有2个ng重复,我要获取第一组-->第一项-->第一个元素并添加类

<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>