如何将值设置为 angular material 像 SELECT_PANEL_MAX_HEIGHT 这样的常量

Question

官方angular Material文档here中提供了Angular Material常量如SELECT_PANEL_MAX_HEIGHT如何赋值

Answer 1

SELECT_PANEL_MAX_HEIGHT 等常量是只读的。您只能覆盖具有特殊注入标记的选项。例如：MAT_TOOLTIP_DEFAULT_OPTIONS 用于 Material 工具提示。

import { MAT_TOOLTIP_DEFAULT_OPTIONS } from "@angular/material";

...

providers: [
    {
        provide: MAT_TOOLTIP_DEFAULT_OPTIONS,
        useValue: {
            showDelay: 500,
            hideDelay: 300
        }
    }
]

Answer 2

另一个使 select 面板变大或变小的选项：

::ng-deep .mat-select-panel {
  max-height: 80vh !important;
}

Answer 3

参见 https://github.com/angular/components/issues/11780，以下对我有用：

.mat-select-panel {
  max-height: 300px!important;
}