Angular 2 Router Parameter geben mehrere http Anrufe

Question

Ich habe eine Route in Angular, wo ich eine id übergeben, um ein Element aus meiner Datenbank zu laden. In meiner Komponente lade ich das Element mit dem folgenden Code:

this.route.params 
     .map((params: Params) => params['id']) 
     .switchMap((id: number) => this.service.getElement(id)) 
     .catch((e) => { 
      return Observable.throw(e); 
     }) 
     .subscribe((data: Models.IElement) => { 
      this.element= data as Models.IElement; 
      this.setTitle(); 
     },() => this.router.navigate(['/'])); 

Wo this.service.getElement(id) einen HTTP-Aufruf macht und gibt einen beobachtbaren. Es geht alles gut. Das Problem, das ich jetzt habe, ist, dass ich einen zweiten http-Anruf ausgeben möchte und ich nicht weiß, wo der Code für den zweiten Dienst-http-Aufruf hinzugefügt werden muss (es wäre eine ähnliche Methode wie getElement, ein id als Parameter empfangen).

Weitere Informationen: Der zweite http-Aufruf würde idealerweise parallel zum getElement Aufruf ausgegeben werden. Es kommt nur auf die id aus der Params.

Wie kann ich das mit Observables machen? Gibt es eine Möglichkeit, es zum Laufen zu bringen?

Answer 1

Mit @ Maxime Kommentar ich mit dem folgenden Code kam:

this.route.params 
     .map((params: Params) => params['id']) 
     .switchMap((id: number) => { 
      this.id = id; 
      return Observable.forkJoin([this.service.getElem(id), this.service.getElemDocs(id)]); 
     }) 
     .catch((e) => { 
      return Observable.throw(e); 
     }) 
     .subscribe(([elem, documents]) => { 
      this.elem= elemas Models.IElement; 
      this.elemDocuments = documents; 
      this.setTitle(); 
     },() => this.router.navigate(['/'])); 

Das startet beide Anrufe gleichzeitig und wartet auf Fertigstellung von beiden.