Angular:如何替换列表的CSS类,超过2个类？

Question

我有以下内容Angular template.这很好地替换了每行的样式类,这样even-numbered rows有一个类并odd-numbered rows具有不同的类:

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

这是他的小提琴的更新:http://jsfiddle.net/uL5zd8sy/1/