ngFor内部动态元素的angular viewChild

时间:2018-07-09 19:04:01

标签: angular typescript ngfor

我的模板具有以下内容:

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

我是否可以使用#来为每个div分别命名?如果是这样,以后如何在TS文件中访问它们?

顺便说一下,这些#叫什么?我无法搜索它们,因为我现在已经知道它们是什么(我只知道它们的用途)

1 个答案:

答案 0 :(得分:10)

正如@Commerical Suicide所述,您不能动态设置引用。

#div被称为template reference variable

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

示例:@ViewChildren('div') divs: QueryList<ElementRef>

然后,您可以在新的QueryList上调用多种方法,例如forEachfind