<div class="row gy-1 gx-2" [formGroup]="form.formGroup">
    <div class="col-md-6">
        <app-input-text label="Email" [formControlName]="form.formControlNames.city"></app-input-text>
    </div>
</div>

import {Component, forwardRef, OnInit} from '@angular/core';
import {createForm, FormType, NgxSubForm, subformComponentProviders} from 'ngx-sub-form';
import {FormControl, FormGroup, Validators} from '@angular/forms';

export interface Endereco {
    street: string;
    city: string;
    state: string;
    zipCode: string;
}

@Component({
    selector: 'app-endereco-form',
    templateUrl: './endereco.form.html',
    styleUrls: ['./endereco.form.scss'],
    providers: subformComponentProviders( forwardRef(() => EnderecoForm) ),
})
export class EnderecoForm implements OnInit {

    public form:NgxSubForm<Endereco, Endereco> = createForm<Endereco>(this, {
        formType: FormType.SUB,
        formControls: {
            street: new FormControl(null, Validators.required),
            city: new FormControl(null, Validators.required),
            state: new FormControl(null, Validators.required),
            zipCode: new FormControl(null, Validators.required),
        },
    });

    constructor() {
    }

    ngOnInit(): void {
    }

}