如何始终在当前选择中独立地在mat-select中显示占位符

Question

我希望mat-select元素始终显示占位符，即使选择了一个选项也是如此。

我的HTML代码：

<mat-select [formControlName]="'language'" placeholder="Language">
    <mat-option value="de">Deutsch</mat-option>
    <mat-option value="en">English</mat-option>
</mat-select>

当前的行为是：一旦选择了一种语言，占位符就会变小，移到顶部，并且所选语言会显示大。

我要拥有的内容：选择一种语言后，仍应以大尺寸显示占位符，而不显示所选的语言。

我怎样才能做到这一点？

Answer 1

您可以使用组合floatLabel="never"和mat-select-trigger：

<mat-select [formControlName]="'language'" placeholder="Language" floatlLabel="never">
    <mat-select-trigger>Language</mat-select-trigger>
    <mat-option value="de">Deutsch</mat-option>
    <mat-option value="en">English</mat-option>
</mat-select>