Using RXJS to issue two sequential http calls and returning the result of the first one only

Question

I am using RXJS 6 together with Angular 6 HttpClient and I am trying to execute two http calls sequentially.

I need to return the result of the first call only.
The first call must be issued before the second.

I thought of using the tap method as follows:

someMethod(items: Item[]): Observable<Item[]> {
   const one = this.http.put<{ items: Item[] }>('urlOne', items);
   const two = this.http.put<void>('urlTwo', items);

   return one.pipe(
     mergeMap((res)=> res.items),
     tap(two)
   );
}

Is there a better way? If so how?

martin · Accepted Answer · 2018-09-25 15:14:41Z

4

You can use map and just ignore the second result:

one.pipe(
  mergeMap((res) => two.pipe(
    mapTo(res)
  ),
);

answered Sep 25, 2018 at 15:14

martin

97.4k26 gold badges205 silver badges237 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

balteo Over a year ago

Thanks a lot by the way :-)

Collectives™ on Stack Overflow

Using RXJS to issue two sequential http calls and returning the result of the first one only

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related