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

Question

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

标签： angulardrop-down-menuangular-materialangular-material2

Answer 1

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