如何阻止反应式表单验证器不在 OnInit 上触发?

How to stop reactive form validators to not trigger on OnInit?

我正在尝试验证我的表单字段,但验证器显示页面加载时的错误消息。如果我不使用 Angular Material mat-form-field,就会发生这种情况。在 mat-form-field 中没有发生此问题。谁能建议我如何解决这个问题?

这个 link 是问题的工作示例。

您无法在 OnInit 上停止它。

一种常见的处理方法是更新错误消息可见性的条件,仅当该字段被触摸时才显示错误消息:

  <small *ngIf="Field1.errors?.required && Field1.touched">Error1</small>