如何將 rxjs 用於多個內部嵌套訂閱

Question

在下面的代碼中，我在 subscribe 中使用了 subscribe。 此代碼有效，但代碼結構非常糟糕。 我想使用 rxjs（ forkjoin 或 mergemap ）重構此代碼。我不確定如何實現這一點。 有人可以幫我弄這個嗎？ 任何幫助表示贊賞。

this.chapservice.cycle().subscribe((current) => {
      this.selectedCycleId = current.ratingCycleId;
      this.chapService
        .getChapterEvalWithSkills(
          this.activeUser.ipn,
          this.selectedRatingCycleId
        )
        .subscribe((response) => {
          console.log("response", response);
          if (response && response.length > 0) {
            this.chapterEvals = response;
          }
        });
      this.chapservice
        .getIsitEmployeeStatus(this.activeUser.ipn, this.selectedCycleId)
        .subscribe((sdpStatus) => {
          this.activeUserStatus = sdpStatus;
       if (this.activeUserStatus.statusDescription == 'SUBMITTED') {
                 //do something
            }
        });
    });

Answer 1

您必須使用forkJoin和switchMap組合。

• 為什么是switchMap ？ - 因為您具有只能通過順序執行來實現的依賴值。
• 為什么要forkJoin ？ - 您可以在此處使用forkJoin或mergeMap 。

代碼

this.chapservice.cycle().pipe(
  switchMap((current: any) => 
     forkJoin(
        this.chapService.getChapterEvalWithSkills(
           this.activeUser.ipn,
           this.selectedRatingCycleId
        ),
        this.chapservice.getIsitEmployeeStatus(this.activeUser.ipn, current.ratingCycleId)
     )
  )
).subscribe(([chapterEvals, sdpStatus]) => {
      console.log(chapterEvals, sdpStatus);
      if (chapterEvals && chapterEvals.length > 0) {
        this.chapterEvals = chapterEvals;
      }
      this.activeUserStatus = sdpStatus;
      if (this.activeUserStatus.statusDescription == 'SUBMITTED') {
             //do something
        }
    });
});