角度2のルータパラメータが複数のhttp呼び出しを発行する

Question

私はidを渡して、データベースから要素をロードするルートを角度で持っています。 this.service.getElement(id)がHTTP呼び出しを行い、観測を返し

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(['/'])); 

：私のコンポーネントでは、私は次のコードを使用して要素をロードします。それはすべてうまくいく。私が今問題としているのは、2番目のhttpコールを発行したいのですが、2番目のサービスのhttpコールのコードをどこに追加するのかわかりません（getElementと同様の方法で、idをパラメータとして受け取ります）。

詳細情報： 2番目のhttpコールは、理想的にはgetElementコールと並行して発行されます。それはParamsのidにのみ依存します。

Observablesを使用してこの作業を行うにはどうすればよいですか？それを動作させる方法はありますか？

Answer 1

私は次のコードに付属のマキシムさんのコメント@使用：

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(['/'])); 

これは、同時に両方のコールを起動し、両方からcompletitionを待ちます。