angular-reactive-forms - 以编程方式在另一个formGroup内的formGroup而不使用formArray

Question

我试图在不使用 formArray 的情况下在另一个 formGroup 中动态添加 formGroup。并且还在新添加的formGroup中动态添加formControl。我也尝试过 addFormGroup() 函数，但它给出的错误是 this.form.addFormGroup 不是函数。

Answer 1

这是你想要达到的目标吗？

const f = new FormGroup({});
const userGroup = new FormGroup({});
f.addControl('user', userGroup);
userGroup.addControl('firstName', new FormControl('Vladimir'));
userGroup.addControl('lastName', new FormControl('Prudnikov'));
console.log(f.value);