对于<ul> </ul>，类似于nth-child（偶数）

Question

我对ul进行了ng-repeat。

显然，我不能使用nth-child（偶数）将其应用于ul来改变偶数ul的背景颜色

任何人都知道类似的东西

Answer 1

ngRepeat 公开了布尔$even和$odd属性，您可以将这些属性与 ngClass 结合使用：< / p>

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

_{注意：$even和$odd基于从{0}开始的currnt $index，因此您可能需要使用$odd代替{{} 1}}}

---

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

$even

---

另请参阅此 short demo 。

Answer 2

试试这个

<强> Working Demo

<强> HTML

<div ng-app="">
  <div ng-init="predicate='name'; reverse=false;">Sort: predicat:{{predicate}} reverse:{{reverse}} </div>
  <div ng-click="reverse=!reverse">[change reverse]</div>
  <div ng-click="predicate='name'; reverse=!reverse;">[set predicate: name + change reverse]</div>
  <div ng-click="predicate='id'; reverse=!reverse;">[set predicate: id + change reverse]</div>
  <div ng-init="lines=[{'name':'eee', 'id':7}, {'name':'aaa', 'id':9}, {'name':'ccc', 'id':8}, {'name':'bbb', 'id':2}, {'name':'ddd', 'id':3}]">
      <ul ng-repeat="line in lines | orderBy:predicate:reverse" ng-class-odd="'odd'" ng-class-even="'even'">
          <li >{{ line.name }}</li>
      </ul>
  </div>
</div>

<强>输出