从Angular 2 FormGroup获取所有验证错误

发布时间：2020-12-17 08:03:53 所属栏目：安全来源：网络整理

导读：鉴于此代码： this.form = this.formBuilder.group({ email: ['',[Validators.required,EmailValidator.isValid]],hasAcceptedTerms: [false,Validators.pattern('true')] }); 如何从this.form获取所有验证错误？我正在编写单元测试，并希望在断言消息中包

鉴于此代码：

this.form = this.formBuilder.group({
      email: ['',[Validators.required,EmailValidator.isValid]],hasAcceptedTerms: [false,Validators.pattern('true')]
    });

如何从this.form获取所有验证错误？

我正在编写单元测试，并希望在断言消息中包含实际的验证错误。

我遇到了同样的问题，为了找到所有验证错误并显示它们，我写了下一个方法：

getFormValidationErrors() {
  Object.keys(this.productForm.controls).forEach(key => {

  const controlErrors: ValidationErrors = this.productForm.get(key).errors;
  if (controlErrors != null) {
        Object.keys(controlErrors).forEach(keyError => {
          console.log('Key control: ' + key + ',keyError: ' + keyError + ',err value: ',controlErrors[keyError]);
        });
      }
    });
  }

表格名称productForm应更改为您的。

它以下一种方式工作：我们从格式{[p：string]：AbstractControl}中获取所有控件，并按每个错误键进行迭代，以获取错误的详细信息。它会跳过空错误值。

它也可以更改为在模板视图上显示验证错误，只需将console.log(..)替换为您需要的内容。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!