选定的选项不会在垫选中滚动到视图中

时间:2019-12-02 11:38:18

标签: typescript angular-material angular7

我在Angular 7 App中遇到了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> 

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

0 个答案:

没有答案