Traté de pasar un FormArray a un componente. Esta plantilla de componente itera sobre FormArray y muestra datos. Permite al usuario agregar a la matriz o eliminar elementos.

ChildComponent ts

 @Input() public formArray!:FormArray;

Luego en la plantilla intento:

 <div class="formRow child2" *ngFor="let year of formArray; let i=index"> List Number #{{i+1}} &nbsp; &nbsp; <mat-form-field class="col3 no-bottom" appearance="fill"> <mat-label>{{ "YEAR" | translate }}</mat-label> <input matInput placeholder="Year" mask="0000" [formControl]="year"> </mat-form-field> <button mat-flat-button color="accent" (click)="addYear()"> <span class="material-icons">Add Year</button>

Sin embargo, recibo un mensaje de error:

 Type 'FormArray' is not assignable to type 'NgIterable<any> | null | undefined'. <div class="formRow child2" *ngFor="let year of formArray; let i=index">

¿Puede alguien explicar por qué ocurre esto? Lo aprecio mucho.