Angular 在焦点和离开焦点时从材质输入中移除标签

我使用带占位符的角度材质输入。当我聚焦在字段上时，我会删除占位符，但若我离开焦点，字段为空，我会看到我也要删除的变换动画。 在此图像中，当字段为空时必须使用的占位符

在这幅图中，我留下了焦点：

{{'SHARED.输入你的电子邮件{124; translate}
.mat焦点.al占位符，.mat表单字段无效.al占位符{
显示：无！重要；
}

.mat表单字段应浮动。mat表单字段标签包装器{
显示：无！重要；
}
.mat.al订阅表单占位符，
.mat表单字段无效.al订阅表单占位符{
显示：无！重要；
}

它解决了我的问题

。mat表单字段应该浮动。mat表单字段标签包装器{
显示：无！重要；
}
.mat.al订阅表单占位符，
.mat表单字段无效.al订阅表单占位符{
显示：无！重要；
}

---

它解决了我的问题

尝试添加

floatLabel='never'

...

尝试添加

floatLabel='never'

...

如果要创建带有占位符但没有标签的旧表单字段，则需要指定空标签以防止占位符升级

<mat-form-field>
  <mat-label></mat-label>
  <input placeholder="Just a placeholder">
</mat-form-field>

---

根据官方文档：

如果要创建带有占位符但没有标签的旧表单字段，则需要指定空标签以防止占位符升级

<mat-form-field>
  <mat-label></mat-label>
  <input placeholder="Just a placeholder">
</mat-form-field>

根据官方文件：

<mat-form-field>
  <mat-label></mat-label>
  <input placeholder="Just a placeholder">
</mat-form-field>