Angular2 Http double subscribe

Question

Можно ли назвать Subscribe способ 2 раза?

Я пытаюсь построить фабрику api, которая сохраняет данные на заводе, но эти данные могут использоваться разными компонентами для каждого вызова ajax.

завод

export class api { 

    result = []; 

    constructor (protected http: Http) { } 

    getData() 
    { 
     return this.http.get('./friends.json').map((res: Response) => res.json()).subscribe(res => this.result = res); 
    } 
} 

тест компонент, который звонит subscribe метод снова

export class TestPage { 

    showListResult; 

    constructor (protected api: api) { 

     this.api.getData().subscribe(res => this.showListResult = res) 
    } 

} 

Answer 1

Вы можете вернуть новый Observable обертку. Нечто подобное должно работать:

import {Observable} from 'rxjs/Observable' 

export class api { 

    result = []; 

    constructor (protected http: Http) { } 

    getData() { 
     return new Observable(observer => { 
      this.http.get('./friends.json') 
       .map((res: Response) => res.json()) 
       .subscribe(res => { 
        this.result = res; 
        observer.next(res); 
        observer.complete(); 
       }); 
     }); 
    } 
} 

Answer 2

Если вы хотите сделать запрос HTTP один раз, и разделить результат на несколько абонентов, то я предлагаю использовать подсоединяемый наблюдатель, который публикует и повторы последнее значение излучаемого:

this.observable = http.get('...').map(t=> t.json()).publishReplay().refCount(); 

Каждый новый абонент будет воспроизводить последнее испущенное значение без запроса нового HTTP-запроса.

Demo Plnkr

Этот ответ похож на этот SO question and answer.