普通引导文本字段样式和mat-text字段样式之间有什么区别

Question

普通文本字段和mat-text字段的样式之间有什么区别，即：

<input type="text" class="form-control" name="firstName" [(ngModel)]="value"> 

和

<input matInput class="form-control" name="firstName" [(ngModel)]="value">

Answer 1

您必须将输入放在mat-form-field容器中以查看差异。

<mat-form-field>
    <input matInput class="form-control" placeholder="First Name" name="firstName" [(ngModel)]="value">
</mat-form-field>