formGroup inside another formGroup programatically without using formArray

Question

I trying to add formGroup dynamically inside another formGroup without using formArray. And also add formControl in newly added formGroup dynamically. I have also tried addFormGroup() function but its giving error that this.form.addFormGroup is not a function.

Answer 1

Is this what you are trying to achieve?

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);