angularjs - 如何 ng-repeat 偶数或奇数项？

Question

我想使用 ng-repeat 将我的无序列表分成偶数和奇数循环，每列以 1、2、3 和 4 开头。这样做的好方法是什么？我认为 ng-class-even 或 ng-class-odd 不足以实现我想要完成的目标，但它可能会发挥作用。

我知道如何通过循环偶数和奇数来使用 AngularJS 来操作 css3 列:

1 2 3 4
5 6 7 8
9 10 11 12

Answer 1

利用ngClassOdd和 ngClassEven指令

<ol ng-init="names=['John', 'Mary', 'Cate', 'Suz']">
  <li ng-repeat="name in names">
   <span ng-class-odd="'odd'" ng-class-even="'even'">
     {{name}}
   </span>
  </li>
</ol>

使用css

.odd {
  color: red;
}
.even {
  color: blue;
}

会给你这个: