如何使 mat-select 始终在 angular2 的表单字段下打开？

【问题标题】：How to make mat-select always open right under the form field in angular2?如何使 mat-select 始终在 angular2 的表单字段下打开？
【发布时间】：2018-12-23 22:16:26
【问题描述】：

我需要角材料垫选择组件在其表单字段下方打开，但它会在所选选项位置打开下拉菜单，并且容器会根据所选选项向顶部移动一点。有没有办法在表单字段正下方打开下拉容器？

【问题讨论】：

标签： angular drop-down-menu angular-material angular-material2

【解决方案1】：

这种行为是由 Material Design 规定的。您可以使用 disableOptionCentering 选项关闭所选选项的居中，但这会将顶部选项置于字段上方而不是其下方。您可以通过指定 panelClass 选项使用 CSS 覆盖它，并适当地设置 display 和 position 属性，但如果窗口空间阻止面板在标准位置打开，这将无法正常工作。

【讨论】：