Angular: 中止 POST 请求

Question

XMLHttpRequest.abort() 中止已发送的请求。我如何在 Angular 中实现此目的，最好使用 HttpClient？

用例：应用程序正在上传文件。我希望用户能够取消正在进行的请求。

Answer 1

Service:
upload() {
  return this.httpClient.post(); // Some url etc.
}

Component:
  uploadFileSubscription: Subscription;
  uploadFile() {// executed by eg. click
  this.uploadFileSubscription = this.service.upload().subscribe();
}

然后只要你想取消那个上传请求就执行this.uploadFileSubscription .unsubscribe();