角度材料2 md-list奇偶风格

时间:2017-02-20 17:48:53

标签: angular angular-material2

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

我相信angular 2使用ng-class-odd / ng-class-even

支持这个

1 个答案:

答案 0 :(得分:3)

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

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

<强> LIVE DEMO