如何使用angular 6在函数中传递动态模板参考变量

Question

我正在尝试实现此功能，但出现错误

<div *ngFor="let item of items; index as i">
    <div #menu{{i}}>
        //Some code
    </div>
    <div (onClick)="Clicked($event,menu{{i}})">
        //Some other code
    </div>

得到了插值（{{}}），其中应在[Clicked（$ event，menu {{i}}）]中的第19列使用表达式

有人知道如何解决吗？

Answer 1

您可以使用ViewChildren返回a 的装饰器QueryList：您不再需要使用索引，Angular将为您处理所有这些。

查看此堆叠闪电，以查看其运行情况（在单击按钮之前打开控制台）