在Angular中设置交替类

Question

我有一个表格，其中包含由Angular填充的行。

我想知道是否有一种“更好”的方式为每行指定类而不是javascript数据集？类tr1和tr2为表行设置交替的背景颜色。

1 2 3 4 5 6 7 8 9
5 6 7 8 9 1 2 3

Answer 1

您可以使用ng-class-odd和ng-class-even来交替应用您的课程。

Answer 2

哟可以像as-

那样改变班级

<table border="1">
    <tr ng-repeat="gem in products.gems" ng-class="{$index%2==0?'tr2':'tr1'}">
        <td>{{gem.name}}</td>
    </tr>
</table>