How to make a sequence of http requests in Angular 6 using RxJS

by

For calls that depend on previous result you should use concatMap

firstPOSTCallToAPI('url', data).pipe(
    concatMap(result1 => secondPOSTCallToAPI('url', result1))
      concatMap( result2 => thirdPOSTCallToAPI('url', result2))
       concatMap(result3 => fourthPOSTCallToAPI('url', result3))
    ....
).subscribe(
    success => { /* display success msg */ },
    errorData => { /* display error msg */ }
);

if your async method does not depend on return value of the precedent async call you can use 

   concat(method(),method2(),method3()).subscribe(console.log)

More Related Contents:

  1. Do I need to `complete()` takeUntil Subject inside ngOnDestroy?
  2. What is the difference between Subject and BehaviorSubject?
  3. Angular HttpClient “Http failure during parsing”
  4. How to cancel/unsubscribe all pending HTTP requests in Angular 4+
  5. Angular subscribe elegant
  6. Property ‘json’ does not exist on type ‘Object’
  7. Angular 4 HttpClient Query Parameters
  8. Best way to import Observable from rxjs
  9. Angular: How to download a file from HttpClient?
  10. TypeError: You provided an invalid object where a stream was expected. You can provide an Observable, Promise, Array, or Iterable
  11. Behaviour subject initial value null?
  12. Angular 4/5 HttpClient: Argument of type string is not assignable to ‘body’
  13. rxjs/Subject.d.ts error : Class ‘Subject’ incorrectly extends base class ‘Observable’
  14. Rxjs Retry with Delay function
  15. Subscribing to a nested Observable
  16. What is pipe for in RxJS?
  17. How to throw error from RxJS map operator (angular)
  18. How to return observable from subscribe
  19. Property ‘toPromise’ does not exist on type ‘Observable’
  20. How to return value inside subscribe Angular 4
  21. How to mock Angular 4.3 httpClient an error response in testing
  22. How to pass results between chained observables
  23. Angular HTTP GET with TypeScript error http.get(…).map is not a function in [null]
  24. Error when trying to inject a service into an angular component “EXCEPTION: Can’t resolve all parameters for component”, why?
  25. Angular Subscribe within Subscribe
  26. When to use square brackets [ ] in directives @Inputs and when not?
  27. Angular2 – Interaction between components using a service
  28. Class is using Angular features but is not decorated. Please add an explicit Angular decorator
  29. Call a function every 10 seconds Angular2
  30. Angular2 Error: There is no directive with “exportAs” set to “ngForm”

Leave a Comment