Угловой материал ввода |Как сделать макет «фокус» по умолчанию

Question

Я использую угловой материал в своем приложении. У меня есть поля ввода, как это:

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

Который производит форму ввода:

Фокусировка на форме ввода запускает анимацию, которая преобразует поле ввода в следующий макет:

Вопрос: Можно ли активировать макет "фокус" (метка с плавающей в верхнем левом углу) по умолчанию?

Мы хотим отображать текст заполнителя, даже если поле не сфокусировано.

Answer 1

Вы можете установить свойство floatLabel поля mat-form-field в значение Always:

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