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

【问题标题】：How to change the angular material form input style into normal input?如何将角度材质表单输入样式更改为普通输入？
【发布时间】：2019-01-02 04:14:09
【问题描述】：

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

【问题讨论】：

使用普通输入\o/
从您的 <input> 中删除 matInput ？
您的意思是填充文本字段？

标签： angular angular-material2 angular-material-6

【解决方案1】：

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

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

另见：

Angular Material docs covering the form field appearance variants

Angular Material form field API for MatFormField

【讨论】：