Angular 从上面删除文字选择角度材质

在下面你可以看到“浇头”占位符在上面；当用户从下拉列表中选择任何项目时，“浇头”文本变小，并移动到“选择”上方

当用户选择任何内容时，有什么方法可以从上面删除toppings文本或显示空字符串吗？

使用

---

您可以在选择值时将占位符更改为空字符串，如下所示

<mat-select [placeholder]="toppings.value ? '': 'Toppings'" [formControl]="toppings" multiple>
....

....

试试这个：

 <mat-form-field [floatLabel]="'never'">
      <mat-label>Toppings</mat-label>
      <mat-select [formControl]="toppings" multiple>
        <mat-option *ngFor="let topping of toppingList" [value]="topping">{{topping}}</mat-option>
      </mat-select>
  </mat-form-field>

浇头
{{topping}}

在本例中，Toppings不是占位符，而是一个标签，让用户知道与所选内容相关的信息类型。最好提供一些解释和答案。