如何传递具有动态参考 angular2 的元素？

我里面有元素ngFor环形。每个元素都像这样得到引用#f{{floor}}b。如你所见floor是一个变量。 我想将这些元素传递给函数。 代码：

<button #f{{floor}}b (click)="onClick(f{{floor}}b)"></button>

我尝试了这个，但它只传递这样的字符串f5b不是元素本身：

<button #f{{floor}}b (click)="onClick('f'+floor+'b')"></button>

完整代码：

<div *ngFor="let floor of floors">
  <button #f{{floor}}b (click)="onClick('f'+floor+'b')"></button>
</div>

floor是一个数字并且floors是一个数字数组。

里面有相同的模板变量名是可以的*ngFor，不需要在里面制作唯一的模板变量名*ngFor.

Html

<div *ngFor="let floor of floors">
  <button #fb (click)="onClick(fb)"></button>
</div>

即使有相似的模板名称，您也可以使用以下命令查询 DOM@ViewChildren装饰师。

@ViewChildren('fb') fbButtons:QueryList<any>;