angular - 如何将角度材质表单输入样式更改为普通输入？

Question

我想将现有的输入行更改为普通输入框。我如何做到这一点？我正在使用角材料 6.4.1

标签： angularangular-material2angular-material-6

Answer 1

如果您的意思是将普通输入框作为填充文本字段，这可以通过将appearance表单字段元素的属性设置为填充文本字段来完成fill：

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

---

也可以看看：

• 涵盖表单字段外观变体的 Angular Material 文档
• Angular Material 表单字段 APIMatFormField