Css 有角度的装饰风格，以交替使用桌子颜色

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

我使用的表达式是：

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

这是很好的工作，但我想能够做的是，当有两行以上的颜色匹配时，在橙色和另一种颜色之间进行交替，这样我就不会在我的桌子上只有实心的颜色块

---

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

您可以在没有css的情况下以角度控制css，例如：

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

---

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

您可以在没有css的情况下以角度进行操作，例如：

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

---

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

查看这里的文档：。您确实可以获得$偶数和$奇数属性。最好的！实际上，您可以使用相同的逻辑应用ng类。然后使用css替换颜色，这样我相信您可以将代码和样式分开。请在此处选择文档：。您确实可以获得$偶数和$奇数属性。最好的！实际上，您可以使用相同的逻辑应用ng类。然后使用css来交替颜色，我相信你可以保持代码和样式的独立性。我想这是我一直在寻找的类型，但是这个表达式对我不起作用。我只是在最后删除了：{}！谢谢ups是的，那是个打字错误对不起：P@PatrickKelleter，我试过类似的路线。此解决方案是否解决了OP的“那么我可以用这种方式替换匹配行的颜色”？我们不是要检查一行是否为偶数，而不是检查匹配行是否为偶数？？确实是一个漂亮的解决方案。是的，它确实改变了行的绝对偶数/奇数特征，而不仅仅是相对（匹配）行的特征。然而，OP想要的解决方案是为了避免两个高亮显示的行彼此之间颜色相同。给定的代码解决了这个问题。对于只计算突出显示的行，我们必须添加一些代码，理想情况下是添加到控制器中（有一个自己的计数变量而不是$index等），谢谢，我认为这是我一直在寻找的类型，但是该表达式不适用于我。我只是通过删除结尾处的：{}来实现它！谢谢ups是的，那是个打字错误对不起：P@PatrickKelleter，我试过类似的路线。此解决方案是否解决了OP的“那么我可以用这种方式替换匹配行的颜色”？我们不是要检查一行是否为偶数，而不是检查匹配行是否为偶数？？确实是一个漂亮的解决方案。是的，它确实改变了行的绝对偶数/奇数特征，而不仅仅是相对（匹配）行的特征。然而，OP想要的解决方案是为了避免两个高亮显示的行彼此之间颜色相同。给定的代码解决了这个问题。对于仅计算高亮显示的行，我们必须添加更多代码，理想情况下是添加到控制器中（使用自己的计数变量而不是$index等）