动态绑定到模板引用变量(Angular)

时间:2018-04-25 12:42:46

标签: angular binding

我们知道,我们可以像这样使用template reference variable

<child-component #child></child-component>
<button (click)="child.anyChildMethod()">Click</button>

但是,如果我们有多个子组件并希望执行以下操作,那该怎么办?

<child-component #child_0></child-component>
<child-component #child_1></child-component>
<child-component #child_2></child-component>

<!-- Pseudo code -->
<button (click)="'child_'+componentVariableWhichHoldsNumber.anyChildMethod()">Click</button>

这是DEMO

我尝试了一些变化,但没有运气。有没有办法实现这个目标?

0 个答案:

没有答案