来自 Observable 输出的 RxJS Observable 结果

Question

我有一个 Angular 8 应用程序，它使用两层来存储数据： StorageService抽象出实际的 HTTP 服务调用，而它本身不包含除get和save各种数据类型之外的其他方法。

BookmarkService等其他服务使用StorageService并实现更复杂的业务逻辑，例如添加新的书签文章。

问题是，我们可能必须调用StorageService两次，以加载数据然后保存它。

我想正确地向调用者站点公开潜在的错误，我想知道实现这样的事情的最佳解决方案是什么，根本不引入 RxJS Subject 对象。 例如，有没有办法仅通过管道来实现这一目标？ 有人可以给我一个关于如何正确实现这种模式的例子吗？

export class BookmarkService {

  constructor(private storageService: StorageService) {}

  addArticleToBookmarks(article: Article): Observable<SaveResponse> {

    this.storageService.getBookmarkedArticles().subscribe(articles =>

      articles.push(article);

      this.storageService.saveBookmarkedArticles(articles).subscribe(saveResponse => ...)

    });

    // want to return an Observable of saveResponse, if getBookmarkedArticles completed, 
    // or the error output of getBookmarkedArticles if it failed
    return ...

  }

Answer 1

你的意思是这样的吗？

addArticleToBookmarks(article: Article): Observable<SaveResponse> {

  this.storageService.getBookmarkedArticles()
  .pipe(
    catchError(err => console.error(err))
    switchMap(articles => {
      articles.push(article);
      return this.storageService.saveBookmarkedArticles(articles);
    }
  ).subscribe(saveResponse => ...)

}

Answer 2

您可以使用switchMap或mergeMap （也称为flatMap ）运算符。

这是关于两者之间差异的一个很好的解释： https : //javascript.tutorialhorizo​​n.com/2017/03/29/switchmap-vs-flatmap-rxjs/

使用switchMap示例：

    addArticleToBookmarks(article: Article): Observable<SaveResponse> {
        return this.storageService.getBookmarkedArticles().pipe(
            switchMap(articles => {
                articles.push(article);
                return this.storageService.saveBookmarkedArticles(articles)
            })
        );
    }

我还没有测试过，但我很确定，这会奏效