:带有ng-repeat的第一个孩子

Question

我有一个ng-repeat,只想在ng-repeat中div使用类的第一个样式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应用于所有divs类的type

.my-list .type:first-child

Answer 1

您可以使用$first,表示a中的第一次迭代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>

Answer 2

基本上你需要做相反的事情.

.my-list:first-child .type{
  color:red;
}

ng-repeat将放置多个.my-listdiv,你想.type单独定位第一个div.所以应用选择器.my-list.