【问题标题】：First element of a ng-repeat imbricationng-repeat 叠瓦的第一个元素
【发布时间】：2017-01-05 12:03:09
【问题描述】：

AngularJS

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

有 2 个 ng-repeat ，我想得到第一个组 --> 第一项 --> 第一个元素并添加类。

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

【问题讨论】：

标签： angularjs

【解决方案1】：

你可以这样做：

<div ng-class='{active:$first}' > {{item.data}}</div>

【讨论】：

它不起作用，我想获得第一组 --> 第一项 --> 仅第一个元素
作为 Mistalis 的帖子，您可以使用 $parent。

【解决方案2】：

如果您只想将active 设为first ng-repeat 的first 元素，请尝试：

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

Demo on JSFiddle

【讨论】：

对不起，还有一个关于这个元素的问题......在这个元素中触发点击的最佳方式是什么？？
您想知道第一个 ng-repeat 的第一个元素何时被点击？
不，我想找到第一个元素，然后自动点击这个元素
我不明白“自动点击这个元素”的概念，你为什么不简单地在这个元素上调用一个函数呢？
我猜应该是a new question... :)

【解决方案3】：

如果你想要的只是第一个元素，那么简单的方法

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

你可以对其他 ng-repeat 做同样的事情，所有的 $index 都会不同

【讨论】：

【解决方案4】：

使用 $first 检查 ng-repeat 的第一个元素：Fiddle

<div class="first"  ng-repeat="group in group" ng-init="firstGroup = $first">    
  <div class="second"  ng-repeat="item in items">    
     <div ng-class="{'active': selectedGame.id === prematchGame.id}"  ng-class='{active: $first && firstGroup}'></div>  
  </div> 
</div>

【讨论】：

它不起作用，我想获得第一组 --> 第一项 --> 仅第一个元素
这样第一个项目的每个元素都有类'acitve'例如：1组-> 3个项目-> 5个元素，这样3个元素有活动类，但我只想要一个和第一个
是的，明白了。请立即尝试我的更新答案，如果这是您所期望的，请告诉我
@AroTonoyan 检查我在上面添加的小提琴。