/TypeScript/Where to put toaster on http service calls typescript

Where to put toaster on http service calls typescript

@Injectable()
export class HttpInterceptor implements HttpInterceptor {
constructor(public toasterService: ToastrService) {}

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

    return next.handle(req).pipe(
        tap(evt => {
            if (evt instanceof HttpResponse) {
                if(evt.body && evt.body.success)
                    this.toasterService.success(evt.body.success.message, evt.body.success.title, { positionClass: 'toast-bottom-center' });
            }
        }),
        catchError((err: any) => {
            if(err instanceof HttpErrorResponse) {
                try {
                    this.toasterService.error(err.error.message, err.error.title, { positionClass: 'toast-bottom-center' });
                } catch(e) {
                    this.toasterService.error('An error occurred', '', { positionClass: 'toast-bottom-center' });
                }
                //log error 
            }
            return of(err);
        }));
  }
}

-1

Source: stackoverflow.com

Similar codes

1 vote128 views1 answer
Reset specific field in reactive form
TypeScript
1 vote99 views2 answers
Typescript if undefined default value
TypeScript
19 votes101 views4 answers
Material ui icon npm
TypeScript
0 vote103 views1 answer
Stats normal
TypeScript
12 votes102 views4 answers
Whats sql
TypeScript
0 vote104 views1 answer
How to get array elements in same line in python
TypeScript
1 vote118 views1 answer
Vue router get full string query
TypeScript
1 vote89 views1 answer
Angular innerhtml style not working
TypeScript
3 votes101 views1 answer
Checking if a substring exists in a string r
TypeScript
4 votes100 views1 answer
Typescript sleep
TypeScript