嵌套 FormGroup 重置所有组

Question

我有一个带有嵌套组的 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 中的数据也被设置为空。注释掉重置不会清除任何内容，所以我知道这是两个组中的内容都被清除的地方。

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

Answer 1

哦，亲爱的。您正在使用扩展运算符将 dynamicValues 复制到 initialValues。

嵌套 FormGroup 重置所有组

Nested FormGroup resets all groups

angular

angular-reactive-forms

formgroups