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功能發送您的數據之一。