如何从模板Angular中的循环传递变量值？

Question

我尝试在像i这样的div元素中使用循环中的索引id="list-{{i}}"：

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

但这对我不起作用。

我也尝试过：

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

Answer 1

不要内插而是使用字符串串联

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