Seguí este video para crear un formulario reactivo para ingresar datos en una aplicación Angular en la que estoy trabajando. Hace lo que quiero en su mayor parte, sin embargo, he agregado un control adicional ("setNumber") para agregarlo en la matriz de formulario reactivo, pero en lugar de ingresar un valor a través de los campos de entrada de "nombre" y "género" , para ingresarlo en el formulario, me gustaría que el valor se complete automáticamente en el grupo getUserForm/formulario que se puede enviar automáticamente en función de la iteración del componente.

Idealmente, me gustaría que se muestre junto al nombre y el género, así como que se coloque dentro del formulario.

Puse el código en StackBlitz aquí , donde solo tengo setNumber(core>service>exerciseInput.service.ts) como su propio campo de entrada y, de hecho, actualiza el formulario que se enviará... pero por alguna razón estoy recibiendo un error de tipo en stackblitz que no obtengo en VSC. Pero es el código que estoy usando y funciona bien en mi máquina.

Vista de la aplicación

De todos modos, desde stackblitz, creo que debería poder usar el enlace de propiedad en algún lugar para pasar i como un valor al componente (no solo la vista como se muestra en la interpolación de cadena de intervalo) para que el formulario complete automáticamente i como el setNumber dentro del userArray, pero no he tenido suerte en mis intentos en los últimos días.

La solución realmente debería ser algo increíblemente fácil que estoy pasando por alto en el siguiente bloque de código en input-array.component.html pero simplemente no puedo hacer que funcione.

 <div *ngFor="let u of userArray.controls; index as i"> <span>Set {{ i + 1 }}</span> <app-input [inputFormGroup]="$any(u)"></app-input> <button (click)="removeUser(i)">Delete</button> </div>

¡Estaría increíblemente agradecido por cualquier ayuda!

Gracias