Issue with using @for built-in template syntax while removing dynamic form array elements about angular

[DimitriTsikaridze]

@for loop fails to correctly update for some reason because I subscribed to form value changes and it's logging correct values

I deleted 2 and 3, which you can see in devtools

[JoostK]

There is an issue with using formControlName where the name doesn't change but the backing control does. There's probably an existing issue for this already but I couldn't find it.

You can work around it in two ways:

1. Track by control identity instead of index, using track subTask.
2. Use the formGroup directive instead of formGroupName using [formGroup]="$any(subTask)" (where I used the $any cast to avoid the typing issue, there may be a better alternative) as doing so does cause the formGroup binding's identity to change, similar to option 1.