Angular如何消除mat-list的滚动条

Question

我在一个垫子对话框中有一个垫子列表。我试图消除由席列表生成的滚动条，但我找不到解决方案。selection-list.component.html:

<mat-list role="list">
<mat-list-item role="listitem" *ngFor="let d of data"> {{d}}</mat-list-item>
</mat-list>

main-component.html:

<h1 mat-dialog-title>List</h1>
<div mat-dialog-content fxLayout="column" fxLayoutAlign="flex-start center">
<selection-list></selection-list>
</div>

我试过了:

::ng-deep .mat-list {
overflow-y: hidden !important;
}

Answer 1

您必须将mat-dialog-content的overflow:auto重写为overflow:hidden

:ng-deep .mat-dialog-content{
overflow-y: hidden !important;
}