如何阻止占位符在 angular 8 mat select 中作为标签浮动

how to stop placeholder from floating as label in angular 8 mat select

我有一个 matselect 字段,我不希望占位符作为标签浮动,我只想将它用作占位符,我尝试提供 floatPlaceholder = "never" 也尝试作为标签并提供 floatLabel = "never" ,但它仍然浮动。需要建议

 <mat-form-field>
    <mat-select placeholder="Select Function" floatPlaceholder="never">
     <mat-option *ngFor="let option of functionOptions" 
  [value]="option.name">    
       {{option.name}}
     </mat-option>
   </mat-select>
</mat-form-field>

请参阅 stackblitz 中的示例。

您可以玩 open/close 事件并手动更改占位符值。