Angular2 instradato l'interazione dei componenti con i genitori

Question

perche lo schema muggito per la mia applicazione

EventsHub è un semplice servizio iniettabile:

import {Injectable} from '@angular/core'; 
import {Subject} from 'rxjs/Subject'; 

@Injectable() 
export class EventsHub { 
    private announcementSource = new Subject<string>(); 
    messageAnnounced$ = this.announcementSource.asObservable(); 

    announce(message : string) { 
     console.log('eventHub : firing...'+message); 
     this.announcementSource.next(message); 
    } 
} 

Il problema è quando si chiama la funzione 'annunciare' dall'interno di fondi, clienti o qualsiasi altro componente all'interno del router-outlet, il genitore (MainApp) non riceverà alcun messaggio.

D'altra parte, quando chiamo la stessa funzione di servizio da NavigationMenu, MainApp riceve l'evento bene. Quindi come si suppone che i componenti indirizzati interagiscano con i loro genitori?

Grazie

questo caso è stato testato su RC1 & RC2

Answer 1

It assicurati di fornire EventsHub solo una volta su un genitore comune (componente root). DI mantiene una singola istanza per ogni provider. Se lo fornite a ogni componente che lo utilizza, ogni componente riceve un'istanza diversa. Quindi un componente ascolta un'istanza e l'altro emette su un'altra.

Answer 2

Ad esempio il componente Funds potrebbe avere un EventEmitter

@Output() someEvent: EventEmitter<SomeResult> = new EventEmitter<SomeResult>(); 

Allora i vostri fondi potrebbe emettere questo evento la mia vocazione:

this.someEvent.emit({'Hello', 'from', 'the', 'other','side'});