Myujth

Let's say I sent a post request to the server to create a user. If the server responds with an error (for some reason), I want to get the body(form) I submitted(attached with that request) from the ErrorHandler. The reason for this is that, for example, when the "create user" fails, I want to show a notification with some details taken from the form and a button to redirect you back to the respective page with the fields populated again with the retrieved form.

This is how my ErrorHandler looks like:

@Injectable()
export class ErrorsHandler implements ErrorHandler 
 constructor(
 private injector: Injector,
 ) 

 handleError(error: Error 

First of all, you must confirm BE return JSON error in body.
Next step you can custom HttpInterceptor for your idea, more details you can search by keyword angular httpinterceptor.

It is my source for HttpInterceptor, there may be some help.

import Injectable from '@angular/core';
import HttpRequest, HttpInterceptor, HttpHandler, HttpEvent, HttpResponse from '@angular/common/http';
import Observable, throwError from 'rxjs';
import tap, catchError from 'rxjs/operators';

@Injectable()
export class SiteHttpInterceptor implements HttpInterceptor 
 constructor(
 ) 

 intercept(request: HttpRequest<any>, httpHandler: HttpHandler): Observable<any> 
 let token = localStorage.getItem('token');
 if (('/api/users/token').indexOf(request.url) < 0 && token) 
 request = request.clone(
 setHeaders: 
 'authorization': 'bearer ' + token,
 'Authenticationtoken': 'bearer ' + token
 
 );
 

 return httpHandler.handle(request).pipe(
 tap((event: HttpEvent<any>) => 
 //success
 ,
 (err: any) => 
 //error
 ),
 catchError(err => 
 if (err.status === 401) 
 // if you want to do sth. when 401 can code here
 else 
 // other
 
 return throwError(err);
 )
 );
 

and please setup the HttpInterceptor to app.module.ts

import SiteHttpInterceptor from './providers/http-interceptor';
@NgModule({
providers: [ provide: RouteReuseStrategy, useClass: IonicRouteStrategy ]

Let me know is it ok for you or not :)

I think it's not posible to get the body from a HttpErrorResponse instance since it extends HttpResponseBase which doesn't have a body property as the normal HttpResponse does.

 export declare class HttpErrorResponse extends HttpResponseBase implements Error 
 readonly name: string;
 readonly message: string;
 readonly error: any 

What I've done is to use a Response Incerceptor:

import Injectable from '@angular/core';
import HttpErrorResponse, HttpEvent, HttpHandler, HttpInterceptor, HttpRequest, HttpResponse from '@angular/common/http';
import Observable from 'rxjs/Observable';
import ResponseBusiness from '../Models/General/ResponseBusiness.model';
import MsgService from '../services/msg.service';
import AlertService from '../services/alert.service';

@Injectable()
export class ResponseInterceptor implements HttpInterceptor 
 constructor(private _msg: MsgService, private _alertService: AlertService) 
 

 intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> 

 return next.handle(req).map(resp => 

 const response = <HttpResponse<ResponseBusiness<Object>>> resp;

 if (resp instanceof HttpResponse) 
 


 /* do whatever you need with the req.body */

 if (resp instanceof HttpErrorResponse) 
 const body = JSON.parse(req.body);
 if (body && body.avoidMsg) 
 return resp;
 
 

 if (response.status === 200 && !response.body.result.status) 
 this._msg.setMsg(message: `$response.body.result.codeNumber $response.body.result.codeDescription`, tipo: 'error');
 
 return resp;
 );

 

Then add the inteceptor to you app.module like so:

providers: [
 provide: HTTP_INTERCEPTORS, useClass: ResponseInterceptor, multi: true],