嵌套 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 中。