Как изменить стиль ввода формы углового материала на обычный ввод?

Question

Я хочу изменить существующие строки ввода в обычные поля ввода. Как мне это сделать? Я использую угловой материал 6.4.1

Answer 1

Если вы имеете в виду обычные поля ввода как заполненные текстовые поля, это можно сделать, установив appearance свойство элемента поля формы fill для заполненного текстового поля:

<mat-form-field appearance="fill">
  <mat-label>Email</mat-label>
  <input matInput [(ngModel)]="email">
  <!-- ... -->
</mat-form-field>
<!-- ... -->

---

Смотрите также:

• Документы углового материала, охватывающие варианты внешнего вида поля формы
• API поля формы угловой материал дляMatFormField