在 Angular 服務的 OnDestroy 掛鈎中取消訂閱 HTTP 客戶端調用

Question

有沒有辦法從 angular 服務 onDestroy 取消訂閱 http 調用。

PS 我知道 rxjs 'take' 運營商或取消訂閱組件本身的服務。

    import { HttpClient } from "@angular/common/http";
import { Injectable, OnDestroy } from "@angular/core";

@Injectable()
export class SampleService implements OnDestroy {
  constructor(private httpClient: HttpClient) {}

  getSampleData() {
    return this.httpClient.get("https://jsonplaceholder.typicode.com/todos/1");
  }
  ngOnDestroy(): void {
    // automatically unsubscribe to service.
  }
}

Answer 1

服務沒有 UI 驅動的生命周期，因此無論您如何實現onDestroy ，除非您自己手動調用它，否則它永遠不會被調用。

這就是為什么我們有工具，讀取 API，比如：

• 異步 pipe示例：

<div> {{ yourObservable$ | async | json }} </div>

@Component({...})
export class Component implements OnInit {
   yourObservable$: Observable<any>
   constructor(public yourService: TheService) {
       this.yourObservable$ = this.yourService.getSampleData()
   }
}

異步 pipe 通知生命周期更改，並在組件被刪除時自動訂閱和取消訂閱

• 訂閱（您可以通過調用 .add 添加其他.add ）並在組件的onDestroy調用subscription.unsubscribe()

Subscription.unsubscribe 是 async pipe 的基礎，你也可以自己使用