我如何自定义垫选择列表作为垫网格列表?

时间:2019-07-17 14:28:22

标签: angular-material

我想用特定的列自定义mat-selection-list。使用mat-grid-list可以很容易地指定它,但就我而言,我应该使用mat-selection-list或其他列表选择类型。

但是我不确定是否可以将mat-selection-list分成两个列作为示例。

我在这里更好地开发了一些代码来解释我的尝试 https://stackblitz.com/edit/angular-paezwe

我正在使用角度8作为信息

1 个答案:

答案 0 :(得分:0)

MatListItem具有display: blockwidth: 100%样式,因此它们在列表中显示为行。您可以覆盖它以使其根据需要显示。例如:

<mat-list-option *ngFor="let item of dataOption" 
    style="display:inline-block; width:50%; text-align:center;">
  {{item.label}}
</mat-list-option>