html - 具有超过 2 个类的 Angular : How to alternate CSS classes for a list,？

Question

我有以下 Angular 模板。这很好地交替了每一行的样式类，这样 偶数行 有一个类，奇数行 有一个不同的类:

<tbody>
  <tr ng-repeat="currElement in myCtrl.elementList track by $index" >
    <td ng-class-odd="'element-tilt-left'" ng-class-even="'element-tilt-right'">
      <a ui-sref="myState({elementId: currElement.elementId)" ng-bind="currElement.name">
      </a>
    </td>
  </tr>
</tbody>

但现在我想在 4 个不同的样式类之间循环，而不仅仅是两个。我该怎么做？

Answer 1

我喜欢 Divyanshu 的回答，但与其列出所有类，不如直接计算内联类名，例如:

ng-class="'class' + $index%4"

这是他的 fiddle 的更新:http://jsfiddle.net/uL5zd8sy/1/