Open Closed

Angular Http Error Handling, remove abp default dialog. #6674


User avatar
0
imranStem created

I have implemented the custom http error handler as below and registered in app module class.

export function handleHttpErrors(injector: Injector, httpError: HttpErrorResponse) {
  const toaster = injector.get(ToasterService);
  if (httpError.status === 403 || httpError.status === 400) {
    toaster.error(httpError.error?.error?.message || 'Error');
    return;
  }
  return throwError(httpError);
}
 providers: [{ provide: HTTP_ERROR_HANDLER, useValue: handleHttpErrors },.............]

The toaster message is displaying but dialog is also appearing.

image.png

  • ABP Framework version: v7.4.2

  • UI Type: Angular

  • Database System: EF Core (SQL Server)

  • Tiered (for MVC) or Auth Server Separated (for Angular): yes

  • Exception message and full stack trace:

  • Steps to reproduce the issue:


1 Answer(s)
Boost Your Development
ABP Live Training
Packages
See Trainings
Mastering ABP Framework Book
Do you need assistance from an ABP expert?
Schedule a Meeting
Mastering ABP Framework Book
The Official Guide
Mastering
ABP Framework
Learn More
Mastering ABP Framework Book
Made with ❤️ on ABP v9.2.0-preview. Updated on March 25, 2025, 11:10