3つのRxJS ObservablesがTypeScriptとAngular 4にネストされていない結果依存関係

Question

私は3つのオブザーバブルをチェーン化する必要があり、最初のものからの結果はもう一方のもので使用されます。前の1つが終了する。 ネストすることなくチェーンすることは可能ですか？

public observable1(): Observable<Response> { 
    let headers = new Headers(); 
    headers.append("Content-Range", "bytes */*"); 
    let requestOptions = new RequestOptions({headers: headers}); 
    return this.http.put(url, "", requestOptions); 
} 

public observable2(data1url): Observable<Response> { 
    let headers = new Headers(); 
    headers.append("Content-Range", "bytes */*"); 
    let requestOptions = new RequestOptions({headers: headers}); 
    return this.http.put(data1url, "", requestOptions); 
} 

public observable3(data1url): Observable<Response> { 
    let headers = new Headers(); 
    headers.append("Content-Range", "bytes */*"); 
    let requestOptions = new RequestOptions({headers: headers}); 
    return this.http.put(data1url, "", requestOptions); 
} 

これは巣彼らにそれがこれを行うにはかのうではなく、私はそれらの鎖に見つけた唯一の方法ですが、彼らはまだネストされていますか？

public doHttpProcess() { 
    return this.observable1().concatMap(result1 => { 
     return this.observable2(result1.json().data1) 
      .concatMap(result2 => { 
       return this.observable3(result1.json().data1); 
      }); 
    }); 
} 

はあなたがほとんど存在し

Answer 1

は、あなただけの二ネストを削除する必要があなたの助けをありがとうございました、あなたは

public doHttpProcess() { 
    return this.observable1() 
     .concatMap(result1 => this.observable2(result1.json().data1).map(result2 => ({ result1, result2 })) 
     .concatMap(({ result1, result2 }) => this.observable3(result1.json().data1)); 
} 

concatMap呼び出しをチェーンすることができますし、「ドン場合最後に観測可能なものを生成するためにresult2が必要です。簡略化することができます

public doHttpProcess() { 
    return this.observable1() 
     .concatMap(result1 => this.observable2(result1.json().data1).mapTo(result1)) 
     .concatMap(result1 => this.observable3(result1.json().data1)); 
}