RxJS - 私は以下の内容をJSONファイル持って非同期

Question

を解決されるプロパティを持つオブジェクトを構築：私は次の性質を持っているBrushPresetオブジェクトの配列を構築する必要が

"brushPresets": 
[ 
{ 
    "name": "fur", 
    "imageUrl": "brush.png", 
    "func": "spray", 
    "scale": "1" 
}, 
{ 
    "name": "tinsel", 
    "imageUrl": "brush.png", 
    "func": "fur", 
    "scale": "1" 
}, ....] 

：

name:string, 
image:HTMLImageElement, 
func:Function, 
scale:number 

をしたがって、最初にjsonファイルをロードしてから、各ブラシに対してイメージを非同期にロードし、それをBrushPresetオブジェクトのimageプロパティに割り当てます。

loadImage（url：string）メソッドはすでに実装されており、Observable < HtmlImageElement>が返されます。

どのように私は、このJSONファイルをロードする方法を実装し、

Observable< BrushPreset[]> 

Answer 1

を返すだろうまあ、私はこの問題を解決するために管理しました。 答えは次のようにforkJoinでconcatMap組み合わせることでした：それはプロジェクト内にあるよう

は、ここでは、コードです：

this.presets$ = 
     this.http.get('./assets/brushes/brushes.json') 
      .map((res:Response) => res.json()["brushPresets"]) 
      .concatMap(objAr => 
       Observable.forkJoin(objAr.map(obj => 
        this.loadImage(obj["image"]) 
         .map(image => { 
         return new BrushPreset(obj["name"], image, BRUSH_FUNCTIONS[item["func"]], obj["scale"]); 
         }) 
       ) 
      ) 
     ); 

編集：

ここでの代替ソリューションです。

this.presets$ = 
     this.http.get('./assets/brushes/brushes.json') 
      .map((res:Response) => res.json()["brushPresets"]) 
      .mergeMap(this.loadImage, (item, image) => { 
      return new BrushPreset(
       item["name"], 
       image, 
       BRUSH_FUNCTIONS[item["func"]], 
       item["scale"]); 
      }) 
      .toArray()