각도 2 상위 구성 요소가 여러 하위 구성 요소를 호출하는 방법

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); 
} 

그런 다음 당신은 당신의 모두 발송 기능에 의해 데이터를 보낼 수 있습니다.