使用材料在不使用formbuilder的情况下显示错误的2-8角度方式

Question

如何使用Angular Material-Form Field，但不使用FormBuilder在输入中显示验证错误？我只想与ngModel一起使用

https://material.angular.io/components/form-field/overview

我的示例：使用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>

Answer 1

FormBuilder-formgroup使用角形材料进行预先构建的验证。如果您使用的是ngModel，则必须使用ngClass更改为红色，以防出错。请检查如果viewEncapsulation设置为none，或者您在CSS中使用ng :: deep，则在ngModel Validation中反映错误]

Answer 2

如果您不想使用反应性表单，则可以使用模板驱动的表单，那么您将获得所需的验证。另外，如果您正在使用value，请不要使用[(ngModel)]，而是将值设置为模型！