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

发布时间：2020-12-17 17:02:19 所属栏目：安全来源：网络整理

导读：我可以想到一些方法可以解决这个问题,但我想就最“Angular”的做法提出一些建议. 我把an example of what I’m doing放在了一起. 主要组件使用NgFor迭代列表并创建一堆子组件.每个子组件在单击时发出一个由父组件拾取的事件.每个孩子也有一个方法update().

我可以想到一些方法可以解决这个问题,但我想就最“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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!