如何从模板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}}]"

Answer 1

不要插值，而是使用字符串连接

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