Variables 如何使用*ngFor在Angular6中添加HTML#-变量？

有没有一种方法可以使用*ngFor为HTML元素动态创建#-变量

例如

html文件

<mat-checkbox #{{name}} *ngFor="let name of names" (click)="matBoxClick({{name}})"></mat-checkbox>

使用此代码，console.log打印未定义。如果我直接将该名称作为变量名，ts文件就能够找到它

<mat-checkbox #checkbox1 (click)="matBoxClick({{name}})"></mat-checkbox>

---

这个问题似乎与*ngFor有关。有什么建议我可以做到这一点吗？谢谢您的帮助。

console.log（此[名称]）

应打印未定义的，为什么不打印？是否应打印具有相同变量名称的mat checkbox元素？不，它在.ts文件中的类中查找一个变量/函数/属性，该文件当时名为

name

，那么如何将HTML文件中的变量绑定到ts文件中的变量？如果我将#checkbox1变量直接放在HTML文件中，ts文件就能够找到正确的元素。问题似乎来自于*ngFor。你为什么需要这么做？是为了得到它的价值吗？

<mat-checkbox #checkbox1 (click)="matBoxClick({{name}})"></mat-checkbox>