Angular2 /打字稿“地图”两个观测量到一个接口

Question

我有一个小问题，合并两个数据源到一个界面

有一个接口

export interface IProvince { 
    code: number; 
    name: string; 
    svgData: string; 
    part: number; 
    color: string; 
} 

现在我有两个不同的数据源，其中一个为我提供了以下字段的数据：[code，name，svgData，part]，[color]来自另一个可观察的数据。

getAllProvince(): Observable<IProvince[]> 
    { 
    return <Observable<IProvince[]>>this.http 
     .get('url') 
     .map((response: Response) => <IProvince[]>response. 
     .catch(this.handleError) 
     .finally(() => { 
     this.loader.complete(); 
     console.log("Data: ", this.provinceData); 
     }); 

    } 
    getLegendData(): Observable<ILegend[]> { 
    return Observable.of(this.legendData); 
    } 

    getStyleColorData(part: number) { 
    let color: ILegend; 
    return this.getLegendData().subscribe((items: ILegend[]) => color = items.find(p => p.part == part)); 
    } 

问题是，目前我缺乏数据[颜色]，我不知道如何“即时”添加另一个函数的值。

这里我有函数：getStyleColorData（part：number）应该给我“颜色”后，我[部分]从[getAllProvince（）]。 问：有两种方法可以将这两种方法结合起来，或者我可能会走错方向？

的Tx的答案和解决方案:)

Answer 1

如果有两个观测量（例如，从http请求，你可以用Observable.combineLatest或Observable.withLatestFrom结合他们

尝试是这样的：

getProvinces() { 
    return this.http 
    .get('url') 
    .map(response => response.json() as IProvince[]) 
    .withLatestFrom(this.getLegendData(), (provinces, legendData) => ({provinces, legendData}) 
    .map(combined => combined.provinces.map(
      province => province.color = combined.legendData.find(legend => legend.part == province.part).color)); 
} 

getLegendData() { 
    return this.http 
    .get('url2') 
    .map(response => response.json() as ILegend[]); 
}