Async option in http request in angular 2

Question

I using angular 2 http class https://angular.io/docs/js/latest/api/http/index/Http-class.html for sending post and get request. Now, I want to use send requests synchronously. i.e. second request is send after response of first request. But no option is available for it in angular 2 documentation. So,

How can I send multiple requests synchronously?

In jquery ajax async option is available which handle this type of problem. I am searching for similar option in angular 2.

Possible duplicate of [Angular 2: Two backend service calls on success of first service](http://stackoverflow.com/questions/36712659/angular-2-two-backend-service-calls-on-success-of-first-service) — eko, Jan 20 '17 at 13:20

score 1 · Answer 1 · answered Jan 20 '17 at 14:06

You can achieve synchronously / await with observables. there is many ways to get this example, this is one option. if you want more check: https://www.learnrxjs.io/operators/transformation/switchmap.html

You have also MergeMap and others

An example:

this.http.get(url1)
.switchMap(
 (response1: Response) => {
          return this.http.url(url2);
})
.subscribe(
   (response2: Response) => {},
   (error: Response) => {},
   () => console.log('completed')
);

Hope its helps you!

Async option in http request in angular 2

1 Answers1