Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angular2中的简单自定义验证大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我已经创建了这个验证功能

private customValidateField(c: FormControl): any {
    return c.value[0] === 'a' ? null : { notValid: true };
}

所以,在我的反应形式上:

constructor(private fb: FormBuilder)
{
  this.form = this.fb.group({
    field: ['',Validators.required,this.customValidateField],...
  }
}

当我在这个字段中写任何字符时,我收到此错误

有任何想法吗?

解决方法

“field”数组中的第三项是异步验证器(或它们的数组).因此,要指定多个同步验证器,您需要:

将它们作为数组传递

this.fb.group({
  'formControlName': [this.hero.name,[
      Validators.required,Validators.minLength(4)
  ]]
});

或者将它们组合起来(如Jordi所写)使用

Validators.compose(...)

FormBuilder api文档没有详细讨论参数,但由于它只是使用FormControl-s创建FormGroup的快捷方式,因此您可以查看FormControl构造函数
https://angular.io/docs/ts/latest/api/forms/index/FormControl-class.html

大佬总结

以上是大佬教程为你收集整理的angular2中的简单自定义验证全部内容,希望文章能够帮你解决angular2中的简单自定义验证所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。