在RxJS中承諾“最終”回調等價物

Question

我有一個從API獲取一些數據的組件。 該組件有一個loading成員變量，用於確定是否應顯示加載圖標。 當數據提取完成時， loading設置為false，以隱藏加載圖標。 無論是否發生錯誤，都應該發生這種情況。

目前，我已實現如下：

export class MyComponent implements OnInit {

  loading = true;
  data;

  constructor(private dataService: DataService) { }

  ngOnInit() {
    this.dataService.getData().subscribe(data => {
      this.data = data;
      this.loading = false;
    },
    () => {
      this.loading = false;
    });
  }

}

我想知道是否有辦法消除this.loading = false的重復。 如果我使用Promises ，這就是我使用Promise.finally()回調的原因 - 但我不是。 在RxJS中是否存在等價物，或者更好的方法來實現它？

Answer 1

從RXJS 5.5開始，使用“finalize”運算符：

ngOnInit() {
  this.dataService.getData()
  .pipe(
    finalize(() => this.loading = false)
  )
  .subscribe(data => {
    this.data = data;
  });
}