Nested forms

[grosch]

I'm submitting a...

[X] Support request

Current behavior

I'm using this with nested components where each child component is a CVA that has its own FormGroup. Right now I'm doing something like this, which just feels wrong.

    @ViewChild(DetailGeneralComponent) private general!: DetailGeneralComponent

    ngOnInit(): void {
        this.formGroup = this.fb.group({
            general: this.fb.group<IDetailGeneralForm>({
                manager: undefined,
                delegate: undefined,
                linkUrl: undefined,
                linkTitle: undefined
            })
        })

        const id = +this.route.snapshot.params['id']
    }

    ngAfterViewInit(): void {
        this.formGroup.setControl('general', this.general.formGroup)
    }

Expected behavior

Having to fully define the 'general' control here feels wrong since I'm going to just replace it with the actual form group from the child. Is there a better way to be doing this? Because it's now properly typed, it seems like I need to do that.

[grosch]

Any help you can provide here?

[NetanelBasal]

I am closing this issue as I released v3.