如何将角度材质形式的输入样式更改为普通输入

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>
<!-- ... -->

---

另请参阅：

• 包含表单字段外观变体的Angular Material文档
• MatFormField的"角度材质"表单字段API