Angular 如何避免ngrx观测值的回调地狱

我需要从redux store获取数据以进行另一个api调用，并且需要将响应保存到store。在这种情况下，我们如何避免

callback

hell

下面是订阅observable的代码片段

贮藏

回叫地狱

如何避免上述回调。在承诺的世界里，我们可以很容易地把承诺连成链条。由于

可观察对象

是不可链接的，我们如何避免嵌套回调，以及编写上述代码的最佳方法是什么。想知道如何应用最好的rxjs运算符

---

非常感谢您的帮助。

您希望利用rxjs提供的许多运营商。例如，您可以按如下方式重新编写上述代码：

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

---

您可以将这些不同的运算符视为您的

承诺

then（）

s，但功能更强大，因为它们可以做得更多。

可能的副本是否有关于所有rxjs运算符的示例的好文档？@Wishnu当然有。我觉得这一页很有帮助：

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

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