如何以编程方式验证反应式表单控件?

Wat*_*ont 5 angular angular-reactive-forms

我有一个FormGroup我的反应形式的对象。现在我想以编程方式触发表单验证。

我已经用这段代码检查了表单,但是我的控件 css 状态类没有设置,就像当我单击控件并在控件外单击时那样。

if (!this.formGroup.valid) {
  // TODO: Fix that invalid controls don't get highlighted
  return;
}
Run Code Online (Sandbox Code Playgroud)

Mar*_*hal 7

您可以使用以下方法以编程方式触发验证器。

this.formGroup.controls['controlNameHere'].markAsTouched();
Run Code Online (Sandbox Code Playgroud)