How to cancel a HTTPRequest in Angular 2?

by

You can use the following simple solution:

if ( this.subscription ) {
   this.subscription.unsubscribe();
}
this.subscription = this.http.get( 'awesomeApi' )
 .subscribe((res)=> {
  // your awesome code..
})

More Related Contents:

  1. How can I chain HTTP calls in Angular 2?
  2. How to pass url arguments (query string) to a HTTP request on Angular?
  3. How to catch exception correctly from http.request()?
  4. What is httpinterceptor equivalent in angular2?
  5. Angular2 http.get() ,map(), subscribe() and observable pattern – basic understanding
  6. How to correctly set Http Request Header in Angular 2
  7. How to use angular2 http API for tracking upload/download progress
  8. Angular2 OPTIONS method sent when asking for http.GET [duplicate]
  9. Angular2 / Error: Collection not found
  10. Uses of content-disposition in an HTTP response header
  11. What’s the difference between a POST and a PUT HTTP REQUEST?
  12. How to detect server-side whether cookies are disabled
  13. ‘Refresh’ HTTP header
  14. Why is it common to put CSRF prevention tokens in cookies?
  15. Easy HTTP requests with gzip/deflate compression
  16. Wait for multiple promises to finish
  17. CORS request with Preflight and redirect: disallowed. Workarounds?
  18. How to redirect user’s browser URL to a different page in Nodejs?
  19. Why does my web server software disallow PUT and DELETE requests?
  20. What does “pending” mean for request in Chrome Developer Window?
  21. async/await in Angular `ngOnInit`
  22. Is a slash (“/”) equivalent to an encoded slash (“%2F”) in the path portion of an HTTP URL
  23. Save cookies between two curl requests
  24. Can I somehow do a synchronous HTTP request via NSURLSession in Swift
  25. How do I allow a PUT file request on Nginx server?
  26. Angular 4 HttpClient Query Parameters
  27. Chunked encoding and content-length header
  28. Is a URL with // in the path-section valid?
  29. Page transition animations with Angular 2.0 router and component interface promises
  30. How to set up CORS or OPTIONS for Rocket.rs

Leave a Comment