Angular 8 在異步調用鏈之后返回可觀察的

Question

我有一個簡單的函數，它一個接一個地調用 3 個異步函數，如下所示：

getData() {
    this.getUsers('2')
        .pipe(
        flatMap((data: any) => {  
            return this.getPosts(data.id);
        }),
        flatMap((data: any) => {            
            return this.getPosts(data[0].userId);
        })
        ).subscribe(results => {    
        return new Observable((observer) => {
        observer.next(results);
        observer.complete();
        });
    });
}

我希望能夠以某種方式調用： this.getdata.subscribe()並且在所有 3 個 flatMap 完成時調用它。 我假設我必須讓 getData() 函數返回一個我試圖在底部做的可觀察對象，但它不起作用，我無法在 getData() 函數上調用 .subscribe 。

Answer 1

像這樣嘗試：

工作演示

getData() {
    return this.getUsers('2')
      .pipe(
        flatMap((data: any) => {  
          return this.getPosts(data.id);
        }),
        flatMap((data: any) => {            
          return this.getPosts(data[0].userId);
        })
      )
  }