html - Angular 可滚动的垫选择列表？

Question

我有个问题。我没有在堆栈上找到任何熟悉的问题，所以我在这里问，是否可以使<mat-selection-list>可滚动(Angular 7)？当项目太多而无法容纳窗口时，我想在右侧显示滚动条。

<mat-card fxFlex="33%">
<mat-selection-list>
  <mat-list-item
    *ngFor="let product of products"
    [class.selected]="product === selectedproduct"
    (click)="onSelect(product)"
  >
  </mat-list-item>
</mat-selection-list>

Answer 1

简单的CSS

mat-selection-list {
  max-height: 400px;
  overflow: auto;
}

StackBlitz Demo