Here is the stackblitz for the code below. I am making a fairly complex deeply nested Angular form using FormArrays, and child components. For the most part, everything is w
Stackblitz demo
Let's replace groupInstance
for showConjunctor
just to make it more obvious about what it's there for.
You can do this in you app.component.hml
:
I'm considering that i
, in the above snippet, is the index of the current loop in *ngFor
(like in the Stackblitz demo).
Also, remove this part from the app.component.html
:
0">
[UPDATE]: Per your comments, if you want to have the conjunctor in all
of the nested Groups, you can set the @Input() showConjuntor
to true inside the GroupControlComponent
(Stackblitz demo):