我的模板具有以下内容:
<div *ngFor="let data of array">
<div #div></div>
</div>
我是否可以使用#来为每个div分别命名?如果是这样,以后如何在TS文件中访问它们?
顺便说一下,这些#叫什么?我无法搜索它们,因为我现在已经知道它们是什么(我只知道它们的用途)
答案 0 :(得分:10)
正如@Commerical Suicide所述,您不能动态设置引用。
#div
被称为template reference variable。
您可以通过*.ts
文件中的ViewChildren访问 divs 。
示例:@ViewChildren('div') divs: QueryList<ElementRef>
然后,您可以在新的QueryList
上调用多种方法,例如forEach
或find
。