Question

我正在使用响应式表单验证代码，但出现错误。这是我的代码。我错过了什么吗？

我正在使用 Form Builder 在 Angular 中执行验证操作。

src/app/mValidation.component.html:5:42 - error TS2531: Object is possibly 'null'.

<form [formGroup]="userForm" (ngSubmit)="saveData(userForm)">
    <div>
        Name:<input type="text" formControlName="Name"/>
        <div *ngIf="userForm.get('Name').errors" class="text-danger"></div>
    </div>
    <div>
        userName:<input type="text" formControlName="userName" class="text-danger"/>
    </div>
    <div>
        Email:<input type="text" formControlName="Email" />
    </div>
    <div>
        <input type="submit" value="SAVE">
    </div>
</form>

我的 Ts 页面代码

userForm:FormGroup;
  constructor(public fb:FormBuilder) {
    this.userForm=this.fb.group({
      Name : ['',Validators.required],
      userName : ['',[Validators.required,Validators.minLength(4)]],
      Email : ['',[Validators.required,Validators.email]]
    })
   }

Answer 1

您必须将 ? 添加到 userForm.get。

userForm.get('Name')?.errors

Angular 中的反应式表单验证错误

1 个答案: