用材料显示无模板误差的2-8角法

Question

如何在我的输入中显示验证错误，使用角度材料-形状场，但没有FormBuilder？我只想和ngModel一起使用它

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

我的例子е:这是我得到的，也是我想从е得到的。

​

​

这就是我没有得到的

​

​

那么，我的问题--如何用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

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

因此，如果您使用模板驱动的表单，请记住也添加一个name属性，因为这就是我们如何在模板下注册表单控件的方式。所以试着：

<form #f="ngForm">
  <mat-form-field appearance="outline">
    <mat-label>From Date</mat-label>
      <input matNativeControl name="reqDateFrom" [(ngModel)]="reqDateFrom" required>
    <mat-error>Required</mat-error>
  </mat-form-field>
</form>

STACKBLITZ

Answer 2

FormBuilder -模板组给出了与角度材料的预建验证。如果您正在使用ngModel，则必须使用ngClass更改为红色以避免错误。请检查是否将viewEncapsulation设置为none，还是使用ng：：深度css，以反映ngModel验证中的错误