Как я могу получить данные из нескольких форм из шаблона angular в пошаговой форме?

Question

Я хочу получить данные формы из родительского шаблона, как я могу это сделать. это мой шаблон кода.

    <mat-horizontal-stepper [linear]="isLinear" #stepper class="mat-stapper-wrapper">
    <mat-step [stepControl]="applicationFormGroup" label="1/5">
      <app-applicaton-registration-form></app-applicaton-registration-form>
    </mat-step>

    <mat-step [stepControl]="form2" label="2/5">
        <app-application-occupation-form></app-application-occupation-form>
    </mat-step>

    <mat-step [stepControl]="form3" label="3/5">
        <app-applicationem-ergency-contact-form></app-applicationem-ergency-contact-form>
    </mat-step>

    <mat-step [stepControl]="form4" label="4/5">
        <app-applicationemguarantor-formm></app-applicationemguarantor-formm>
    </mat-step>

    <mat-step [stepControl]="form5" label="5/5">
        <app-application-loan-form></app-application-loan-form>
    </mat-step>
</mat-horizontal-stepper>