Angular 角度2-8使用材质在无formbuilder的情况下显示错误的方法

如何使用Angular Material-Form字段在我的输入中显示验证错误，但不使用FormBuilder？ 我只想在ngModel中使用它

我的例子是： 这就是我通过formBuilder得到的和我想要得到的

这是我没有的

所以我的问题是——如何在Html中从FormBuilder编写逻辑？ 我们有办法写这样的东西吗

<mat-form-field appearance="outline" *ngClass="if !reqDateFrom: ErrorInput">
    <mat-label>From Date</mat-label>
    <input matNativeControl [(ngModel)]="reqDateFrom" value="{{fromDate}}">
</mat-form-field>

从日期开始

FormBuilder-formgroup对棱角材料进行预构建验证。 如果您使用的是ngModel，则必须使用ngClass将错误更改为红色。 请查收

---

如果viewEncapsulation设置为none，或者您正在css中使用ng:：deep来反映ngModel验证中的错误

如果您不想使用反应式表单，您可以使用模板驱动表单，然后您可以获得所需的验证。另外，如果使用的是

[（ngModel）]

，请不要使用

值，而是将该值设置为模型

因此，如果您选择模板驱动的表单，请记住还要添加一个
name
属性，因为这就是我们在后台注册表单控件的方式。因此，请尝试：


从日期开始
要求的