角度 ng 样式以交替使用表格颜色

Question

我正在使用ng-repeat创建一个表。我有一个 ng 样式过滤器，可以查看表格行中的值，如果出现某个单词，它会更改该行的颜色。

我使用的表达式是：

<tr ng-repeat="a in b" ng-style="a.name == 'user1'?{'background-color':'orange'}:{}">

这工作正常，但是我希望能够做的是当有超过两行匹配时在橙色和另一种颜色之间交替，这样我的表格中就不会只有纯色块。

是否可以在 ng-style 中添加另一个条件，查看一行是奇数还是偶数，然后我可以以这种方式交替匹配行的颜色？或者有没有另一种使用 css 的方法来做到这一点？我不确定我是否可以从 ng 样式控制 css？

Answer 1

你可以在没有css的情况下在Angular中做到这一点，例如这样：

<tr ng-repeat="a in b" ng-style="{'background-color': (a.name == 'user1') ? ($index % 2 === 0 ? 'orange' : 'red') : 'auto'}">

但是CSS也有偶数和奇数伪类，可以在这里使用。