typescript - 选定的选项未滚动到 mat-select 中的视图中

Question

我在我的 Angular 7 应用程序中遇到了 mat-select 的问题。有问题的 mat-select 有很多选项，因此应该显示一个滚动条。当我在 mat-select 中选择一个选项并关闭它时。在重新打开它时，该选项被选中，但它不会自动滚动到视图中。下拉菜单总是从第一项重新打开。但我希望下拉菜单自动滚动到所选选项。这不是 mat-select 的默认行为吗？

生病用屏幕截图解释它：

我首先选择一个值：

然后关闭下拉菜单。然后在重新打开时，列表从第一个选项开始。

但我希望下拉菜单自动滚动到选定的选项。

下拉代码如下：

    <mat-select class="selectFont" [disableOptionCentering]='true' disableRipple panelClass="panel- 
    css-pat-reg-title-reg-page"[(ngModel)]="patient.title" name="title" required>
            <mat-option *ngFor="let title of title" [value]="title.display">
                    {{title.display}}
            </mat-option>
    </mat-select> 

在这方面的任何帮助都会有所帮助。

标签： typescriptangular-materialangular7