我如何解决 angular 反应形式的错误

How i resolve error in angular reactive forms

我在地址字段中收到无效模式 error image 的错误,因为我没有在该特定字段上设置任何验证。

这里是formgroup的声明。

this.formGroup = this.fb.group({
  id: [''],
  firstname: ['', Validators.compose([Validators.required])],
  lastname: ['', Validators.compose([Validators.required])],
  contactNo: [''],
  email: [''],
  address: [''],
})

我附上错误图片。

提前致谢。

您似乎在 HTML 中使用了 pattern 指令。

因为我在 html 文件中添加了这样的模式。

<input name="firstName" ngModel pattern="[a-zA-Z ]*">

因此,如果您没有通过表单组中的验证但仍然出现表单验证错误,请确保在 html 一侧检查是否设置了此类模式。

谢谢!!!