Question

在角度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]] 
});

这构建表单，我可以从表单和表单中的项目添加删除等。我现在想要实现的是，当selectType等于custom（在表单上设置为单选按钮值）时，我需要更改项{{1}的验证并清除其验证要求。

我已经完成了另一个表格的设置和更新

name

哪个工作正常，但我不知道如何更新表单数组上的验证。我试过了

  changeValidation() {
      if(condition){
          this.form.get('name').setValidators(Validators.required);
          this.form.get('name').updateValueAndValidity();
      }
  }

我没有得到任何错误，但它也没有工作。哪种方式有意义，因为我没有针对特定的this.items.clearValidators(); this.items.updateValueAndValidity();，但是当FormControl是数组时，如何指定特定的FormControl？

Answer 1

当FormControls是一个时，我如何指定一个特定的FormControl 阵列

您必须使用at描述的this.items.at(0).clearValidators();方法来获取单个控件：

name

如果要清除this.items.at(0).controls.name.clearValidators();控件的验证器，请执行以下操作：

this.items.controls.forEach(c => c.clearValidators());

如果要删除每个控件的验证器，似乎表单数组不提供此类API。您必须遍历表单数组控件并删除每个控件的验证器：

{{1}}

在活动表单中设置和更新表单数组的验证

1 个答案: