Angular http client retryWhen cannot catch the error on the caller

I have an Ionic 3 App where I use HttpClient and I have an API call which is a GET request to the server. When the first try fails I will call the retryWhen is something error goes on.

retryWhen

The problem is that I couldn't catch the error to the caller

Here is my service code below.

getDriverMeInfo()
return this.http.get(`$this.global.baseUrl/me`)
.retryWhen(err => err.delay(10000).take(10)) // Delay after 10 seconds when an error occured and retry maximum of 10 takes
.concat(Observable.throw(new Error('Retry limit exceeded!'))).toPromise()



The component code below which is the caller

async getDriverInfo()
try
const meDetails = await this.driverMe.getDriverMeInfo() // Get the profile information of the driver if
console.log(meDetails)
catch (err)
console.log(err) // This wouldn't catch the error on the HttpErrorResponse




The only thing I catch in the error is the Observable.throw(new Error('Retry limit exceeded!')) but the instance of HttpErrorResponse that will give me a status code or message why it failed can't be catch.

Observable.throw(new Error('Retry limit exceeded!'))

HttpErrorResponse

Appreciate if someone could help.
Thanks in advance.

1 Answer
1

getDriverMeInfo()

return this._http.get<any>(`$this.global.baseUrl/me`)
.retryWhen((err)=>

return err.scan((retryCount)=>
retryCount+=1;
if(retryCount<6)

console.log("retrying attemp: "+ retryCount);
return retryCount

else

throw(err)

,0).delay(10000)
)



and the component,

this.driverMe.getDriverMeInfo().subscribe(res=>
)


Thanks for contributing an answer to Stack Overflow!

But avoid …

To learn more, see our tips on writing great answers.

Required, but never shown

Required, but never shown

By clicking "Post Your Answer", you agree to our terms of service, privacy policy and cookie policy