Question

我正在构建一个单独的框作为angular 2 components将照片上传到服务器，然后如果从服务器接收成功，则会发送请求以在db中创建记录。结构简单，如下所示。可以有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功能中逐个发送数据。

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

1 个答案: