조건부로 루프 내포 관찰 가능 조건 내에서 관찰 할 수 있습니다.

Question

일부 배열에 구성 배열이있는 타일 배열을 가져옵니다. 구성을 가진 구성 요소는 옵션 배열 (옵션 Object 포함) 또는 restURL을 가리키는 optionUrl 중 하나를 가질 수 있습니다. 구성 및 optionUrl이있는 각 타일에 해당 옵션을 추가하는 방법은 무엇입니까? flatMap 및 forkJoin을 시도했지만 optionsUrl에 대한 요청을 완료하지 않은 것처럼 보입니다. 나는 또한 성공없이 mergeMap을 시도했다.

아이디어를 얻는 방법에 대한 아이디어가 있으십니까?

여기 optionUrl으로 예를 타일 구조입니다 :

ngOnInit(){ 
this._myService.getAllTiles() 
    .subscribe((tiles: Tiles[]) => { 
     this.tiles = tiles 
    }) 
} 

내 서비스 :

getAllTiles(): Observable<any>{ 
    return this._http 
     .get(this._tilesUrl) 
     .map((result) => result.json().data) 
     .flatMap((tiles) => { 

      tiles.map((tile) => { 
       if (tile.configurations) { 
        return Observable.forkJoin(
         tile.configurations.map((config) => { 
          if(config.optionsUrl) { 
           console.log(config); 
            return this._http.get(config.optionsUrl) 
             .map((result) => { 
              let optionArray = []; 
              config['option'] = optionArray; 
              let jsonObj = result.json(); 
              let newOptions = jsonObj.data; 

              console.log(newOptions); 

              config['option'].push(newOptions); 
              return config; 
             }) 
          } else { 
           return Observable.of(config); 
          } 
         }) 
        ) 
       } else { 
        return Observable.of(tiles) 
       } 
      }); 
      return Observable.of(tiles); 
      }) 
      } 

Answer 1

문제는 당신 flatMap 방법에 달려있다

는

{ 
    id: "superTile", 
    name: "Super Tile", 
    configurations: [ 
     { 
     param: "shopId", 
     optionsUrl: "rest/shops" 
     }, 
     { 
     param: "sortOrder", 
     option: [ 
     { 
      id: "Newest", 
      text: "PROD_YEAR-DESC" 
     }, 
     { 
      id: "Rank", 
      text: "RANKING-DESC" 
     }, 
     ] 
     } 
     ] 
    } 

여기 내 구성 요소입니다. 배열을 반복 할 때 js map을 사용하지만 map이 생성하는 반환 배열을 사용하고 있지 않습니다. 매번 Observable.of(tiles)을 flatMap으로 반환하므로 매번 값이 구독됩니다. 대신 tiles.map이 반환하는 배열을 반환해야합니다.

.flatMap((tiles) => { 
    let tilesObservables$ = tiles.map(// rest of map code); 

    return Observable.forkJoin(tilesObservables$); 
});