Angular6 用户离开FormBuilder中的控件后如何进行表单字段验证

Angular6 用户离开FormBuilder中的控件后如何进行表单字段验证,angular6,Angular6,在我的反应式表单中,我为字段添加了验证。表格在 我希望在用户离开输入字段后进行验证。我怎么做呢?我在SO上找到了这个答案,但如果我直接使用FormControl而不是FormBuilder,它似乎会起作用,因为FormBuilder似乎不接受AbstractControlOptions参数 当表单输入 有个错误 被碰过或弄脏了 当您聚焦表单输入时,没有任何更改。当你在其中输入任何角色时,它会变脏(仍然未被触碰),当你离开它时,它会变脏并被触碰 因此,如果您希望在离开输入字段后显示错误消息,请从

在我的
反应式表单中
,我为字段添加了验证。表格在

我希望在用户离开输入字段后进行验证。我怎么做呢?我在SO上找到了这个答案,但如果我直接使用
FormControl
而不是
FormBuilder
,它似乎会起作用,因为
FormBuilder
似乎不接受
AbstractControlOptions
参数


当表单输入

  • 有个错误
  • 被碰过或弄脏了
  • 当您聚焦表单输入时,没有任何更改。当你在其中输入任何角色时,它会变脏(仍然未被触碰),当你离开它时,它会变脏并被触碰

    因此,如果您希望在离开输入字段后显示错误消息,请从

    (this.control.dirty || this.control.touched);
    

    因为当有人更改并触碰控件时,而不仅仅是其中一个控件时,您会显示验证错误(即使您仍然关注一个输入,也会显示错误)

    (this.control.dirty && this.control.touched);