如何将 mat-selection-list 自定义为 mat-grid-list？

Question

我想用特定的列自定义 mat-selection-list。使用 mat-grid-list 指定它很容易，但在我的情况下，我应该使用 mat-selection-list 或其他列表选择类型。

但我不确定是否可以将 mat-selection-list 分成两列。

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

我正在使用 angular 8 获取信息

Answer 1

MatListItems 具有display: block和width: 100%样式，因此它们在列表中显示为行。您可以覆盖它以使它们以您想要的方式显示。例如：

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