Angular angula 5材料奇偶列表按类别识别

Angular angula 5材料奇偶列表按类别识别,angular,Angular,我正在使用角度材质以及如何添加奇偶类。您可以尝试使用css提供的解决方案 .mat-row:nth-child(even){ background-color:#fff; } .mat-row:nth-child(odd){ background-color:#ccc; } 在您的示例中,定义isEven和isOdd并使用类属性 下面是示例代码 <tr mat-row *matRowDef="let row; let isEven=even;let isOdd=odd;" [class

我正在使用角度材质以及如何添加奇偶类。

您可以尝试使用css提供的解决方案

.mat-row:nth-child(even){
background-color:#fff;
}

.mat-row:nth-child(odd){
background-color:#ccc;
}

在您的示例中,定义isEven和isOdd并使用类属性

下面是示例代码

<tr mat-row *matRowDef="let row; let isEven=even;let isOdd=odd;" [class.even]="isEven" [class.odd]="isOdd">
.even {
  background-color: blue;
}

.odd {
  background-color: pink;
}