angular - 如何使用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>

Got interpolation ({{}}) where expression was expected at column 19 in [Clicked($event,menu{{i}})]

有人知道怎么解决吗？

Answer 1

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

查看此 stackblitz查看它的实际效果(在单击按钮之前打开您的控制台)