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，表示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-list div，并且您希望单独定位第一个div的.type。因此，在.my-list上应用选择器。

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

2 个答案: