각도 - 인스턴스간에 공유하지 않는 형제 구성 요소 간의 데이터 교환

Question

세 개의 개별 구성 요소가 포함 된 모듈을 작성하고 있습니다. 이러한 구성 요소가 함께 작동하므로 서비스를 사용하여 모든 정보를 추적하는 것이 좋습니다.

|  
|- wrapper.component.ts 
| 
|- wrapper.service.ts 
| 
|- wrapper.module.ts 
| 
|- child-component1.component.ts 
| 
|- child-component2.component.ts 

응용 프로그램에서 기본 구성 요소의 인스턴스 두 개를 만드는 경우 서비스는 구성 요소의 두 인스턴스간에 데이터를 공유합니다.

구성 요소의 모든 인스턴스간에 형제를 공유하지 않고 형제 간의 데이터를 공유하는 적절한 방법은 무엇입니까? 구성 요소 수준에서 서비스를 제공

Answer 1

: 구성 요소의

@Component({ 
    .... 
    providers: [myService] 
}) 

서비스 인스턴스가 구성 요소와 자식간에 공유되는이 방법은 아니지만 다른 경우.

Answer 2

1. 넌 자식 ngOnChange 자식 1
2. 액세스 출사 데이터를 상위에서 하위 2
3. 변화를 부모 자식 1 컴포넌트로부터의 데이터 입력을 이벤트 터를 이용하여 이벤트를 방출 할 수있는 2