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

Question

我想将表格行显示为一组行的替代颜色。我使用下面的代码来替代颜色，但要求不同。如果有一组行颜色相同，则应该是替代颜色。我正在使用 Angular 7，材料设计 2 平台。

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

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

预期的行为应该如下图所示。

Answer 1

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

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

您可以在那里使用您的条件并实现您的目标。 如果有任何疑问，请评论您的问题。