How to pass variable value from loop in template Angular?

Question

I tried to use index i from loop in div element like id="list-{{i}}":

<div cdkDropList id="list-{{i}}" [cdkDropListConnectedTo]="['list-{{i}}']"
*ngFor="let group of subGroups; let i = index"></div>

But it does not work for me.

Also I tried:

cdkDropList id="{{'list-' + i}}" [cdkDropListConnectedTo]="[{{'list-' + i}}]"

Satpal · Accepted Answer · 2019-02-01 11:30:15Z

1

Don't interpolate instead use string concatenation

 [cdkDropListConnectedTo]="['list-' + i]"

answered Feb 1, 2019 at 11:30

Satpal

134k13 gold badges168 silver badges171 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

How dinamicly create this? #doneList="cdkDropList"? like #doneList_1, #doneList_2

@OPV, Please elaborate