Angular 如何为表组行交替应用颜色？

我想将表格行显示为一组行的可选颜色。我使用了下面的代码作为替代颜色，但要求不同。如果有一组行是相同的颜色，则剩余的应为备选颜色。Am使用角度7，材料设计2平台

tr:nth-child(even) {
  background-color : white;
}

tr:nth-child(odd) {
  background-color : gray;
}

预期行为应如下屏幕截图所示。

---

在这里，您可以通过Angular 7中的简单代码轻松地获得此信息。 通过使用ngClass，我们可以实现这一点，即

[ngClass]="index == 0?'active':'dull-white'"

你可以利用你在那里的条件，实现你的目标。

---

注释您的查询（如果有的话）。

在这里，您可以通过Angular 7中的简单代码轻松获得此信息。 通过使用ngClass，我们可以实现这一点，即

[ngClass]="index == 0?'active':'dull-white'"

你可以利用你在那里的条件，实现你的目标。

---

---

如果有疑问，请发表评论。

如果有一组行是相同的颜色，那么剩余的颜色应该是可选颜色，这是什么意思？你想要偶数/奇数颜色还是其他颜色？@DanielB是的，我想要偶数/奇数颜色，但如上例，如果3行是灰色，那么下一行应该是白色。同样，我需要显示其他颜色。我不明白你的要求。您如何将行分组？在你的例子中，它是“1灰/1白/3灰/1白/2灰/1白/2灰/1白”，我在这里看不到任何联系……它需要是动态的还是像1,3,4,5,7,8,10,11这样的统计数据？或者它也可能是2,4,5,6,8,9,11,12吗？@Swoox其动态。。示例：奇数为红色，偶数为蓝色，1-为红色，2-为蓝色，3和4为同一组，然后3-为红色，4-为红色，5和6和7为同一组，然后5-为蓝色，6-为蓝色，7-为蓝色，8-为红色，同样，基于行组的可选颜色。你说“如果有一组行是相同的颜色，那么剩余的颜色应该是可选颜色”是什么意思？你想要偶数/奇数颜色还是其他颜色？@DanielB是的，我想要偶数/奇数颜色，但如上例，如果3行是灰色，那么下一行应该是白色。同样，我需要显示其他颜色。我不明白你的要求。您如何将行分组？在你的例子中，它是“1灰/1白/3灰/1白/2灰/1白/2灰/1白”，我在这里看不到任何联系……它需要是动态的还是像1,3,4,5,7,8,10,11这样的统计数据？或者它也可能是2,4,5,6,8,9,11,12吗？@Swoox其动态。。示例：奇数是红色，偶数是蓝色，1-将是红色，2-将是蓝色，3和4是相同的组，然后3-将是红色，4-将是红色，5和6和7是相同的组，然后5-将是蓝色，6-将是蓝色，7-将是蓝色，8-将是红色，同样基于行组的可选颜色。否，如果我遵循这一点，输出将是不同的。活动行为“灰色”，其余行为“暗白色”。我应该准确地显示示例图像。您使用的任何模式或仅此？仅此一个。然后相应地更改每个tr的类，它将使您的工作以

Jan…的方式完成否，示例：奇数是红色，偶数是蓝色，1-将是红色，2-将是蓝色，3和4是相同的组，然后3-将是红色，4-将是红色，5和6和7是相同的组，然后5-将是蓝色，6-将是蓝色，7-将是蓝色，8-将是红色，同样基于rowno组的可选颜色，如果我遵循这一点，输出将是不同的。活动行为“灰色”，其余行为“暗白色”。我应该准确地显示示例图像。您使用的任何模式或仅此？仅此一个。然后相应地更改每个tr的类，它将使您的工作以
Jan…的方式完成否，示例：奇数是红色，偶数是蓝色，1-将是红色，2-将是蓝色，3和4是相同的组，然后3-将是红色，4-将是红色，5和6和7是相同的组，然后5-将是蓝色，6-将是蓝色，7-将是蓝色，8-将是红色，同样基于行组的可选颜色