Material Design：如何断开浮动标签的选择？

Question

我需要创建没有浮点标签的选择字段，但我希望有占位符和默认值。

我阅读了文档https://material.angular.io/components/form-field/overview#floating-label并尝试自己完成。

<mat-form-field [floatLabel]="never">
  <mat-select placeholder="All categories" [formControl]="catForm" multiple> //First opportunity for use placeholder
    <mat-option *ngFor="let category of categories" [value]="category.name">
      {{ category.name }}
    </mat-option>
  </mat-select>
  <!-- <mat-placeholder>All categories</mat-placeholder> -->//Second opportunity for use placeholder
</mat-form-field>

无论如何我得到浮动标签。我做错了吗？

Answer 1

正确的方法是：

<mat-form-field floatLabel="never">

变量的方括号。

Answer 2

Sergei R对于基本输入（输入类型=文本）具有正确的用法，但对于下拉列表（选择），则根本不起作用。甚至Angular Material文档（https://material.angular.io/components/form-field/overview#floating-label）都具有示例代码（当针对此特定方案进行扩展时，floatLabel =“ never”）表明该代码不起作用：https://angular-vij8al.stackblitz.io

我添加了第四个示例，该示例如何在不使用标签的情况下获得占位符效果（但您失去了使用更复杂的文本的能力）。