角度：中止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();