ネストされたオブザーバブルの結果となるObservablesを連結する

Question

RxJSとObservablesの新機能ですので、私はまだ正しい方法で自分の頭をラップして処理しようとしています。

functionRetrieveStuff() : Observable<MyObject> {} 

functionDoStuff(param1: MyObject) : Observable<boolean> {} 

RetrieveStuffの出力がDoStuffのために入力されている：

私は2つの機能を持っています。これは、以下のコンパイルエラーになり

mainFunction() : Observable<boolean> { 
    return this.functionRetrieveStuff().map(response => { 
     return this.functionDoStuff(response); 
    }) 
} 

：私は、次の代わりにこれらを呼び出す

Error:(33, 16) TS2322: Type 'Observable<Observable<boolean>>' is not assignable to type 'Observable<boolean>'. 

タイプ「観察可能な」「ブール」とタイプして割り当て可能ではありません。

私がreactx.ioのドキュメントを正しく読んでいると、私の問題に対する解決策はswitchMapだと思います。だから私はこれに私のmainFunctionを更新した場合：

mainFunction() : Observable<boolean> { 
    return functionRetrieveStuff().switchMap(response => { 
     return functionDoStuff(response); 
    }) 
} 

コンパイルエラーが表示されなくなりますが、私は機能を使用しようとすると、私は私のcanActivateガードでmainFunctionを使用するとき、私はエラーを取得する：

TypeError: Cannot read property 'switchMap' of undefined 

ここで私は私のcanActivateガードのcanActivate方法でmainFunctionを使用方法は次のとおりです。

return this.mainFunction().first().map(result => { 
     return true; 
    }); 

私はmainFunctionを使用しているのであれば、私はわからないんだけど、私は間違ってそれを呼んでいる場合は間違っていますか。どんな洞察にも感謝します。ありがとう。

Answer 1

あなたはswitchMap

import 'rxjs/add/operator/switchMap'; 

をインポートしてから、あなたがこの中にあるようにそれを使用する必要があります。

mainFunction() : Observable<boolean> { 
    return this.functionRetrieveStuff().switchMap(response => this.functionDoStuff(response)); 
} 

ルータが自動的に観測を購読することができますので、あなたはcanActivate機能が見えることになるでしょうこのように：

canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) { 
    return this.mainFunction().first(); //this return Observable<boolean> since functionDoStuff is Observable<boolean> 
}