Javascript rxjs-當可觀察到的最后一個值發出時做些什么

Question

以下情況：我進行了兩個異步http調用。

• 一個用於獲取名稱列表的
• 另一個為列表/數組中的每個名稱制作東西

---

為了簡單起見：假設第一個調用返回了我一個名稱列表： ['marta', 'edgar', 'david'] 。 第二個http調用將名稱發布到數據庫中。 我的實現可以很好地滿足此操作要求。 它看起來如下：

public deployAllPartners(): void {
    this.isDeploying = true;
    this.getAllPartner().subscribe(shortname => this.adminService.deploySinglePartnerForTesting(shortname).subscribe());
}

private getAllPartner(): Observable<string> {
    return this.partnerService.getPartnersOverview()
        .flatMap((partnerList) => partnerList.partner) <== returns an array
        .map((partner) => partner.shortname);
}

問題：

現在我想要的是，在部署姓氏時，布爾值isDeploying變為false。 部署短名稱時是否觸發任何RxJS運算符 ？ 也許像finally()東西？ 為了完整起見：布爾值用於在HTML中加載gif，並且只有在isDeploying=true時gif才顯示在UI中，而當值為false時則隱藏。

Answer 1

如果要在源Observable完成后“結束”鏈，則可以使用concat或者因為RxJS 6.2.0也可以使用新的endWith運算符。

或者，如果您不想附加任何值而只是產生一些副作用，則可以在您的subscribe()調用中使用complete處理程序。

import { from, of } from 'rxjs';
import { concat } from 'rxjs/operators';

from(['a', 'b', 'c'])
  .pipe(
    concat(of('end')),
  )
  .subscribe({
    next: console.log,
    complete: () => console.log('completed'),
  });

觀看現場演示： https : //stackblitz.com/edit/rxjs6-demo-tplu6y?file=index.ts

Answer 2

對RXJS6使用finalize：

this.getAllPartner().
.pipe(
    finalize(() => this.isDeploying = false)
  )