Angularサービスで複数の非同期呼び出しの結果を返す方法

Question

AngularJSでは、return $q.all(promises)を使用してコントローラに約束を返すことができます。 Angularでそれを行う正しい方法は何ですか？どのようにデータをコンポーネントに返すことができますか？

私のサービスは：

import { Injectable } from '@angular/core'; 
import { Http } from '@angular/http'; 
import { Observable } from 'rxjs/Rx'; 

import { Item } from '../item'; 

@Injectable() 
export class GetItemListService { 
    constructor(private http: Http) { } 

    private url1 = 'urlToGetItemList1'; 
    private url2 = 'urlToGetItemList2'; 

    getItemList(): ??? <Item[]> { 
    Observable 
     .forkJoin(
      this.http.get(url1).map(res => res.json()), 
      this.http.get(url2).map(res => res.json()) 
     ) 
     .subscribe(
      data => { 
       // this is the result I want to return to component 
       return data 
      } 
     ) 
    } 
} 

Answer 1

@ echonaxの答えでそれを解決しました。コンポーネントにはObservable.forkJoinとsubscribeが返されます。

サービス：

getItemList(): Observable <Item[]> { 
    return Observable 
     .forkJoin(
      this.http.get(url1).map(res => res.json()), 
      this.http.get(url2).map(res => res.json()) 
     ) 
    } 

コンポーネント：

ngOnInit(): void { 
     this.getItemListService.getItemList() 
     .subscribe(data => { 
      console.log(data) 
     }) 
    }