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

前端之家收集整理的这篇文章主要介绍了从Angular 2 FormGroup获取所有验证错误前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
鉴于此代码
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(..)替换为您需要的内容

原文链接:https://www.f2er.com/angularjs/144004.html

猜你在找的Angularjs相关文章