ng重复重叠的第一个要素

Question

AngularJS

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

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

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

Answer 1

你可以这样做：

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

Answer 2

使用$ 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>

Answer 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

Answer 4

如果您只想使第一个 @RepositoryRestResource(collectionResourceRel = "accounts", path = "account") public interface AccountRepository extends PagingAndSortingRepository<Account, Long> {} @RepositoryRestResource(collectionResourceRel = "users", path = "user") public interface UserRepository extends PagingAndSortingRepository<User, Long> {} 的第一个元素active，请尝试：

ng-repeat

<强> JSBin