Chaining Http requests catch only on first one

🐞 bug report

Affected Package

The issue is caused by package @angular/common/http

Is this a regression?

No

Description

I’m chaining Angular Http request as following. The issue is when the first request fails, I get it on error callback, but if the second one fails, nothing happens.

this.myService.requestOne(this.data)
.pipe(mergeMap(dataOne=>{
  return this.myService.requestTwo(dataOne);
}))
.subscribe(dataTwo=>{
  this.loading = false;
},
(err)=>{
  // this fires when only requestOne get failed
  this.loading = false;
});

🌍 Your Environment

Angular Version:

@angular-devkit/architect       0.1001.4
@angular-devkit/build-angular   0.1001.4
@angular-devkit/core            10.1.4
@angular-devkit/schematics      10.1.6
@angular/animations             10.1.5
@angular/cdk                    10.2.4
@angular/material               10.2.4
@schematics/angular             10.1.6
@schematics/update              0.1001.4 (cli-only)
rxjs                            6.6.3
typescript                      4.0.3

Anything else relevant?

[AndrewKushnir]

Hi, I’m closing this ticket based on the comments above - it doesn’t seem to be an issue in the framework. Thank you.

[maroon1]

@vahidvdn

this.myService
  .requestOne(this.data)
  .pipe(
-    mergeMap((dataOne) => {
+    switchMap((dataOne) => {
      return this.myService.requestTwo(dataOne);
    }),
  )
  .subscribe(
    (dataTwo) => {
      this.loading = false;
    },
    (err) => {
      // this fires when only requestOne get failed
      this.loading = false;
    },
  );