Angular 2: Two backend service calls on success of first service

by

You need to leverage the flatMap operator to call one request after the previous one completed:

this.service.getUserInterests().flatMap(
  (interests) => {
    let params: URLSearchParams = new URLSearchParams();
    params.set('access_token', localStorage.getItem('access_token'));
    return this.http.get('http://localhost:8080/user/selections', {
      search: params
    }).map((res: Response) => res.json());
  }
);

When subscribing to this data flow, you will only receive the result of the last request.

You could use the Observable.forkJoin method to return both. Here is a sample:

var obs = this.service.getUserInterests().flatMap(
  (interests) => {
    return Observable.forkJoin([
      Observable.of(interests),
      this.service.getUserSelections()
    ]);
  }
);

obs.subscribe(
  (result) => {
    var interests = result[0];
    var selections = result[1];
  }
);

More Related Contents:

  1. Correct way Provide DomSanitizer to Component with Angular 2 RC6
  2. typescript anonymous object with variable based label value
  3. How to pass parameters rendered from backend to angular2 bootstrap method
  4. CORS Error: “requests are only supported for protocol schemes: http…” etc
  5. Can’t bind to ‘ngModel’ since it isn’t a known property of ‘input’
  6. Hot and Cold observables: are there ‘hot’ and ‘cold’ operators?
  7. Using http rest apis with angular 2
  8. Angular 2: How to detect changes in an array? (@input property)
  9. Angular 2 optional route parameter
  10. Angular 2 dependency injection in ES5 and ES6
  11. How do I call an Angular 2 pipe with multiple arguments?
  12. How to do the chain sequence in rxjs
  13. Angular 6: How to set response type as text while making http call
  14. using external JS libraries in my angular 2 project
  15. Huge number of files generated for every Angular project
  16. Is it a good practice using Observable with async/await?
  17. Angular 2 Material 2 datepicker date format
  18. Angular 2 Component @Input not working
  19. Highlight the search text – angular 2
  20. angular 4+ assign @Input for ngComponentOutlet dynamically created component
  21. Dynamic template in templatURL in angular2
  22. How to loop over object properties with ngFor in Angular
  23. Converting an image to base64 in angular 2
  24. Angular2 – catch/subscribe to (click) event in dynamically added HTML
  25. Get current url in Angular [duplicate]
  26. Upgrading to Angular 10 – Fix CommonJS or AMD dependencies can cause optimization bailouts
  27. ng2-charts update labels and data
  28. How to disable Browser back button in Angular 2
  29. Filter Array in Array by date between 2 dates
  30. Protractor Angular 2 Failed: unknown error: angular is not defined

Leave a Comment