So teilen Sie Service zwischen mehreren Komponenten in angular2

Question

Ich habe 4 Komponenten in der gleichen Komponenten Ebene;

ich sie genannt A, B, C, D

hier ist mein index.html:

<A><A> 
<B></B> 
<C></C> 
<D></D> 

Ich habe jetzt einen Service E;

A und B will E Instanz-e-one teilen,

C und D will E teilen ist eine andere Instanz E-zwei,

wie diesen Service zu injizieren, Dank !,

ps: ich habe gewußt, wie Service-Modul zwischen zwei Komponenten teilen oder mit in derselben Mutter Komponente

Answer 1

erstellen Shared-Service-Sachen zwischen den Komponenten zu handhaben

storage.service.ts

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

@Injectable() 
export class StorageService { 

    data$:Subject<any> = new Subject<any>(); 

    constructor() { } 
} 

Komponente A (Setzer/Sender)

this.storageService.data$.next('Message to send, you can pass data'); 

Komponente B (Getter/Reciever)

this._subscription = this.storageService.data$.subscribe(data => { 
    this.data = data; 
});