嵌套FormGroup重置所有组

时间:2019-05-02 15:49:28

标签: angular angular-reactive-forms formgroups

我有一个带有嵌套组的FormGroup:

this.addComponentForm = this.fb.group(
      {
        'initialValues': this.fb.group({...this.initialFormValues, ...this.dynamicFormValues, ...this.phaseFormValues}),
        'dynamicValues': this.fb.group({...this.dynamicFormValues})
      }

要获取嵌套组(根据文档):

  get initialValues(): any { return this.addComponentForm.get('initialValues'); }
  get dynamicValues(): any { return this.addComponentForm.get('dynamicValues'); }

到目前为止,所有这些方法都可以正常工作,可以构建表单,没有错误。我有一个只需清除initialValues表单组的操作:this.initialValues.reset();但是,this.dynamicValues中的数据也被设置为null。注释掉重置不会清除任何内容,所以我知道这是两组都清除的地方。

我尝试了this.initialValues.reset({onlySelf: true});,但没有。

1 个答案:

答案 0 :(得分:1)

哦,亲爱的。您正在使用传播运算符将dynamicValues复制到initialValues。