Angular 2父组件调用多个子组件方法

Question

我正在建立一个分隔的框作为angular 2 components上传照片到服务器，然后如果从服务器接收成功，然后发送一个请求，创建一个记录在分贝。结构很简单，下面介绍。可以有n孩子的，当用户点击一个按钮上传所有我需要调用每个孩子的上传方法。通常我会使用服务和subscribe方法，但我想添加队列以防止服务器超载。有没有什么办法在这个组件逻辑中实现它？

<parent> 
    <child> 
    <child> 
    ... 
    <child> 
</parent> 

Answer 1

你可能想输出你的数据形成每个孩子到你的父组件，那么你可以通过一个，如果你想发送的每个数据之一。

例：

<parent> 
    <child (dataToSend)="handleDatatoPush($event)"></child> 
    <child (dataToSend)="handleDatatoPush($event)"></child> 
    ... 
    <child (dataToSend)="handleDatatoPush($event)"></child> 
</parent> 

父组件：

handleDatatoPush(dataReceive: any){ 
//your logic even if i would do something like that 
this.dataToSend.push(dataReceive); 
} 

然后你可以通过一个在sendAll功能发送您的数据之一。