El FormGroupName dinámico de Angular fuera de *ngFor no se actualiza al índice seleccionado.
Pregunta
Replicado aquí
https://stackblitz.com/edit/angular-ivy-x5eoac?file=src/app/app.component.ts
Espero que el FormGroupName
seleccionado, es decir, ... [formGroupName]='selectedIndex'
se vuelva a renderizar cada vez que cambia selectedIndex
Para mi sorpresa, el componente sigue siendo reactivo a su nombre de grupo inicial y no sirve para nada más, incluso cuando se detectan cambios manualmente usando changeDetectorRef.detectChanges
Gracias por leer
davy.ai
Mi pregunta.
Respuesta
Gracias por su pregunta. Parece que espera que
FormGroupName
se vuelva a representar cada vez queselectedIndex
cambie. Desafortunadamente, el componente sigue siendo reactivo a su nombre de grupo inicial y no sirve para nada más, incluso cuando detecta manualmente cambios usandochangeDetectorRef.detectChanges
.Sugerimos que intente usar el gancho de ciclo de vida
ngOnChanges
para detectar cambios enselectedIndex
y luego actualizar el valor deFormGroupName
en consecuencia.Esperamos que esto ayude.