angular – 在活动表单中设置和更新表单数组上的验证
发布时间:2020-12-17 10:17:52 所属栏目:安全 来源:网络整理
导读:在angular 4中,我正在创建一个具有类似表单数组的表单 this.formBuilder.group({ name: ['',[Validators.required,Validators.minLength(3)]],required:false,selectType: ['',[Validators.required]],items: this.formBuilder.array([this.buildItems()])})
在angular 4中,我正在创建一个具有类似表单数组的表单
this.formBuilder.group({ name: ['',[Validators.required,Validators.minLength(3)]],required:false,selectType: ['',[Validators.required]],items: this.formBuilder.array([this.buildItems()]) }) ... buildItems() { return this.formBuilder.group({ name: ['',[Validators.required]] }); 这构建表单,我可以从表单和表单中的项目添加删除等. 我已经完成了另一个表格的设置和更新 changeValidation() { if(condition){ this.form.get('name').setValidators(Validators.required); this.form.get('name').updateValueAndValidity(); } } 哪个工作正常,但我不知道如何更新表单数组上的验证.我试过了 this.items.clearValidators(); this.items.updateValueAndValidity(); 我没有得到任何错误,但它也无法正常工作.哪种有意义,因为我没有针对特定的FormControl,但是当FormControls是一个数组时,我如何指定一个特定的FormControl?
您必须在描述here的方法中使用以获得单个控件: this.items.at(0).clearValidators(); 如果要清除名称控件的验证器,请执行以下操作: this.items.at(0).controls.name.clearValidators(); 如果要删除每个控件的验证器,似乎表单数组不提供此类API.您必须遍历表单数组控件并删除每个控件的验证器: this.items.controls.forEach(c => c.clearValidators()); (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |