Angular2+ 表单主动触发验证

Angular2+ 表单主动触发验证

场景

比如用户点击保存按钮后要直接触发验证，显示所有不合法的item.
我这边用的是angular的响应式表单。

---

html部分

     <form [formGroup]="validateForm" >
          <input type="text" nz-input formControlName="identity">
     </form>
     <button (click)="submitForm()">保存</button>

ts部分

submit方法触发验证

 validateForm: FormGroup;
 constructor(private fb: FormBuilder) { 
     this.validateForm = this.fb.group({
     identity: [null, [Validators.required]]
}); 

  submitForm(): void {
     for (const i in this.validateForm.controls) {
     this.validateForm.controls[i].markAsDirty();
     this.validateForm.controls[i].updateValueAndValidity();
  }