ngFor中动态元素的angular viewChild

Question

我的模板有这样的东西:

<div *ngFor="let data of array">
    <div #div></div>
</div>

有没有办法让我用#命名每个div？如果是这样,我如何在以后的TS文件中访问它们？

顺便说一句,这些#被称为什么？我无法搜索它们,因为我现在已经知道它们是什么(我只知道它们用于什么)

Answer 1

正如@Commerical Suicide所提到的,你无法动态设置引用.

它#div被称为模板引用变量.

您可以通过ViewChildren在您的文件中访问您的div.*.ts

样品: @ViewChildren('div') divs: QueryList<ElementRef>

然后你可以在你的新手上调用多种方法QueryList,比如forEach或 find.