Angularjs ：第一个重复ng的孩子

我有一个ng repeat，只想在ng repeat中使用类

type

将样式应用于第一个

div

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

---

您可以使用

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

{{item.label}
{{item.ischecked}

基本上，你需要用另一种方法

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

---

ng repeat

将放置多个

.my list

div，并且您希望仅针对第一个div的

.type

。因此，在

.my list

@dmo上应用选择器。伪类似乎正在应用于注释掉的代码，这是迭代中的第一个。

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