角材料 2 md-list 奇偶样式

Question

我正在尝试为 md-list 中的奇数/偶数行设置不同的背景。不确定这是否支持使用 Angular Material 2 - Md-list 组件，因为我没有看到任何关于此的文档。

我相信 angular 2 使用 ng-class-odd/ng-class-even 支持这一点

Answer 1

您应该在组件中使用以下样式

.mat-list >  .mat-list-item:nth-child(2n+1){
  background-color:red;
}
.mat-list >  .mat-list-item:nth-child(2n){
  background-color:blue;
}