Angular 2 components: communication from child to child

Question

I have three components in an Angular 2 application: C0, C1, and C2. The first (C0) is an html template that has several child components (ui elements). Now, if someone presses a button in C1 (menu), how can I notify C2 (calendar) about this?

I tried a few examples on the component link page from the Angular site. I ended up with an approach where I took an EventEmitter in C1 to notify the parent of C0. And then used the installer to notify C2 .

It works, but it seems very dirty, even for a hand full of events. This cannot be a solution if there can be hundreds of events at the end in my application.

?

Answer 1

, EventEmitter C1, .
C2 C0, C2 , :

<c1 (customEvent)="c2.onClick($event)"></c1>
<c2 #c2></c2>

Answer 2

, , Observable, Observable - , - . fooobar.com/questions/1010729/..., , .

Answer 3

?

, ;).

, , , , , .

, . , , .

Answer 4

?

, , , , ( angular2, ngrx/store). , , , .

Google and watch a few videos, this is a very interesting way of working, and you will also begin to understand the role of rxjs and how it can help in your application.