html - 类似于 <ul> 的 nth-child(even)

Question

我在 ul 上做了一个 ng-repeat。

显然，我不能使用 nth-child(even) 将它应用于 ul 以更改偶数 ul 的背景颜色

谁知道类似的东西

Answer 1

ngRepeat 公开 bool 值 $even 和 $odd 属性，您可以将它们与 ngClass 结合使用:

<ul>
    <li ng-repeat="item in items" ng-class="{'some-class':$odd}">
        {{item.someText}
    </li>
</ul>

_{注意:$even 和 $odd 是基于从零开始的当前 $index，所以你可能需要使用 $odd 而不是 $even。}

---

或者您可以使用 ngClassEven / ngClassOdd 指令:

<ul>
    <li ng-repeat="item in items" ng-class-even="'some-class'">
        {{item.someText}
    </li>
</ul>

---

另请参阅此 short demo .