角材料输入|如何使“焦点”布局默认

Question

我在应用程序中使用了Angular Material。 我有这样的输入字段：

<mat-form-field appearance="outline">
  <mat-label>E-mail</mat-label>
  <input matInput placeholder="Indtast e-mail">
</mat-form-field>

哪个生成输入形式：

将焦点放在输入表单上会触发一个动画，该动画会将输入字段转换为以下布局：

问题：是否可以默认激活“焦点”布局（标签浮在左上角）？

我们希望在不聚焦字段时也显示占位符文本。

Answer 1

您可以将mat-form-field的属性floatLabel设置为“始终”：

<mat-form-field appearance="outline" floatLabel="always">
  <mat-label>E-mail</mat-label>
  <input matInput placeholder="Indtast e-mail">
</mat-form-field>