I have around 20 forms created as difference components and implemented with mat-stepper as below

<mat-step>
    <form [formGroup]="form1">
      <component1></component1>
    </form>
    <div>
      <button  matStepperNext >Next</button>
    </div>
  </mat-step>

<mat-step>
    <form [formGroup]="form1">
      <component2></component2>
    </form>
    <div>
      <button  matStepperNext >Next</button>
    </div>
  </mat-step>

.
.
.
.
.
<mat-step>
    <form [formGroup]="form1">
      <component20></component20>
    </form>
    <div>
      <button matStepperNext >Next</button>
    </div>
  </mat-step>

how do i create this using *ngFor?