angular – 使用NgFor创建子组件,然后调用发出事件的方法

前端之家收集整理的这篇文章主要介绍了angular – 使用NgFor创建子组件,然后调用发出事件的方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我可以想到一些方法可以解决这个问题,但我想就最“Angular”的做法提出一些建议.

我把an example of what I’m doing放在了一起.

主要组件使用NgFor迭代列表并创建一堆子组件.每个子组件在单击时发出一个由父组件拾取的事件.每个孩子也有一个方法update().

我想要的是我的主要组件获取对任何一个孩子发出事件并调用其update()方法的引用的正确方法.

看起来非常简单(可能很简单),但它是我正在构建的应用程序的一个核心功能,所以我想尽可能干净整洁.

干杯为你提供帮助

解决方法

最简单的方法是使用模板变量来引用子组件:

<my-child #child *ngFor="let row of rowList;" [id]="row.name"
          (onMD)="processClick($event); child.update()"></my-child>

更新的演示:http://plnkr.co/edit/zA80iNsLHHULGx9Rbffw?p=preview

猜你在找的Angularjs相关文章