ngrx observablesでコールバックhellを回避する方法

Question

もう一つのAPI呼び出しを行うためにreduxストアからデータを取得する必要があり、レスポンスをストアに保存する必要があります。この場合、どうすればcallback地獄を避けることができますか？

以下は、オブザーバブルにサブスクライブするコードです。

ストア

this.user$ = this.store.select('user'); 
this.dataStore$ = this.store.select('dataStore') 

コールバック地獄

this.user$.subscribe((user: any) => { 
    this.abcService.getData(user.id).subscribe((data:any) => { 
    this.data = data; 
    this.dataStore$.dispatch(abcAction(data)); 
    } 
} 

これ以上のコールバックを回避する方法。約束の世界では、簡単に約束を結ぶことができます。 observablesは連鎖可能ではないので、ネストされたコールバックを避けるにはどうしたらよいでしょうか？最良のrxjs演算子がどのように適用できるか知りたいですか？

ご協力いただきまして誠にありがとうございます。

Answer 1

rxjsが提供する多くの演算子を活用したいと考えています。たとえば、次のように上記のコードを再作成することができます：

は

this.user$ 
.flatMap((user: any) => this.abcService.getData(user.id)) 
.subscribe((data: any) => { 
    this.data = data; 
    this.dataStore$.dispatch(abcAction(data));  
}); 

はあなたPromisethen() sとこれらの異なる事業を考えるが、彼らはより多くを行うことができますので、より強力なことができます。