大佬教程收集整理的这篇文章主要介绍了角度反应形式设置和清除验证器,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
ngOnInit() { this.exampleFormGroup = this.formBuilder.group({ surname: ['',[Validators.required,Validators.pattern('^[\\w\\s/-/(/)]{3,50}$')]],initials: ['',Validators.maxLength(4)]] }); } public removeValidators() { this.exampleFormGroup.get('surname').clearValidators(); this.exampleFormGroup.get('initials').clearValidators(); this.exampleFormGroup.@R_489_9531@eValueAndValidity(); } public addValidators() { this.exampleFormGroup .get('surname').SETVALidators([Validators.required,50}$')]); this.exampleFormGroup.get('initials').SETVALidators([Validators.required,Validators.maxLength(4)]); this.exampleFormGroup.@R_489_9531@eValueAndValidity(); }
上面的方法addValidators()将添加验证器,removeValidators()将在执行时删除验证器.但我遇到的问题是,我必须指定表单控件我试图清除验证器.有没有办法做这个.exampleFormGroup.clearValidators();并清除窗体中的所有内容,再次使用this.exampleFormGroup.SETVALidators()将它们设置回来.我知道我可能会要求一个独角兽,但在formGroup有20个或更多控件的情况下,清除和设置验证器可能会很痛苦,因此非常感谢如何处理这些场景的地图.
validationType = { 'surname': [Validators.required,50}$')],'initials': [Validators.required,Validators.maxLength(4)] } ngOnInit() { this.exampleFormGroup = this.formBuilder.group({ surname: ['',Validators.maxLength(4)]] }); } public removeValidators(form: FormGroup) { for (const key in form.controls) { form.get(key).clearValidators(); form.get(key).@R_489_9531@eValueAndValidity(); } } public addValidators(form: FormGroup) { for (const key in form.controls) { form.get(key).SETVALidators(this.validationType[key]); form.get(key).@R_489_9531@eValueAndValidity(); } }
以上是大佬教程为你收集整理的角度反应形式设置和清除验证器全部内容,希望文章能够帮你解决角度反应形式设置和清除验证器所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。