是否有可能在select.ts中覆盖Angular Material Constants？

Question

我想通过传递变量来固定选择高度，但这在材料代码（select.ts）中是一个常数。

mat-select api

source code in Github : material2 / select.ts

是否有可能使用提供程序或其他技能覆盖该const？

我知道有一些自定义CSS样式的解决方案：

1。使用:: ng-deep：

2。使用ViewEncapsulation

3。在style.css和！important中设置类样式

4。使用panelClass

但是那些解决方案是css，会造成css污染吗？

::ng-deep .mat-option{
   height: 2.5em; 
} 

mat-option{
   height: 2.5em !important;
}

最后，如果我无法在select.ts中覆盖const，那么使用CSS可能会在将来引起一些未知问题，或者对我而言还好吗？

Answer 1

最后，我在自定义材质主题中使用以下代码，而不是组件的CSS。

mat-option{
   height: 2.5em !important;
}

custom material theming

因为我发现“官方文档”和“ GitHub官方问题”的答复是“从未得到支持”。

  

https://github.com/angular/material2/issues/8054#issuecomment-339788633