Angular HttpClient取消订阅[重复]

Question

是否需要取消订阅Observable Angular HttpClient 的方法返回？

例如：

this.http.get(url).subscribe(x => this.doSomething());

我需要取消订阅此订阅吗？我问这是因为我不知道 Angular 是否自己处理它。另外，请求是一次性的，不是连续的。我倾向于认为我不需要。你有什么想法？

根据以下帖子： Angular/RxJs When should I unsubscribe from `Subscription`

RxJS 处理一次性订阅，但我在他们的文档中没有找到任何内容。

Answer 1

不，您无需取消订阅。它会一直观察直到得到 api 的响应。一旦 Http 请求完成，它就会自动取消订阅。

参考这个

Why not to unsubscribe Http Observables

Angular guide http

AsyncPipe

Answer 2

您可以在使用 ngOnDestroy 离开页面的“同一时间”取消订阅页面中的所有 Observable。当您离开页面并关闭函数时，您可以通过管道传递一个 Observable。

export class X implements OnInit, OnDestroy {
  private unsubscribe$ = new Subject();

  ngOnInit() {
    this.functionOne();
  }

  ngOnDestroy() {
    this.unsubscribe$.next();
    this.unsubscribe$.complete();
  }

  functionOne() {
    this.service
      .getData()
      .pipe(takeUntil(this.unsubscribe$))
      .subscribe(
        (result) => {},
        (error) => {}
      );    
  }
}

Answer 3

有两种处理方法：

1) 是的，如果您在 ts 文件中正常订阅 observable，则必须手动取消订阅。 通常我们可以在 ngOnDestroy() 生命周期方法中取消订阅

2) 如果你在 Angular 模板中的 observable 上使用异步管道语法，那么它会自动关闭订阅

observable | async 

参考以下： https://angular.io/api/common/AsyncPipe

Answer 4

是的，需要按照https://blog.angularindepth.com/the-best-way-to-unsubscribe-rxjs-observable-in-the-angular-applications-d8f9aa42f6a0退订

这是我的工作：

export class CustomerSummaryComponent implements OnInit, OnDestroy {
  subscriptions: Subscription[];

  ngOnInit() {
    this.subscriptions = [];

    this.subscriptions.push(
        this.customerService.getCustomer(this.customerId).subscribe(
        data => {
        },
        error => {
            console.log(error);
        }
        )
    );
  }

  ngOnDestroy() {
    for (const x of this.subscriptions) {
      x.unsubscribe();
    }
  }
}