angularjs - :first-child with ng-repeat

Question

我有一个 ng-repeat，只想将样式应用到第一个 div，在 ng-repeat 中具有类 type。

<div class="my-list" ng-repeat="item in list">
  <div class="type">
    <span>{{item.label}}</span>
  </div>
  <div class="check">
    <span>{{item.ischecked}}</span>
  </div>
</div>

我尝试了以下方法，但它将 CSS 应用于所有 div 类 type

.my-list .type:first-child

Answer 1

您可以使用 $first，它表示 ng-repeat 中的第一次迭代。

<div class="my-list" ng-repeat="item in list">
  <div class="type" ng-class="{myClass:$first}">
    <span>{{item.label}}</span>
  </div>
  <div class="check">
    <span>{{item.ischecked}}</span>
  </div>
</div>