Custom ExceptionHandler change detection lag

by

update ExceptionHandler was renamed to ErrorHandler https://stackoverflow.com/a/35239028/217408

orgiginal

Change detection isn’t run at the end of the click event when the handler throws.

You can invoke change detection manually but this gets a bit complicated because you need an ApplicationRef reference and ApplicationRef depends on ExceptionHandler which makes a neat cycle and DI can’t resolve cyclic dependencies.

A workaround is to instead of ApplicationRef inject the Injector and acquire AplicationRef imperatively like

constructor(private alertsService: AlertsService, injector:Injector) { 
  setTimeout(() => this.appRef = injector.get(ApplicationRef));
}

and then in call invoke change detection like

call(exception, stackTrace = null, reason = null) {
  this.alertsService.triggerAlert(exception.originalException);
  this.appRef.tick();
  console.error('EXCEPTION:', exception);
}

Plunker example

More Related Contents:

  1. How to detect change in typescript object in angular 6
  2. How do I create a singleton service in Angular 2?
  3. ‘router-outlet’ is not a known element
  4. Call child component method from parent class – Angular
  5. How can I unit test a component that uses the Router in Angular?
  6. document.getElementById replacement in angular4 / typescript?
  7. Get all validation errors from Angular 2 FormGroup
  8. localStorage is not defined (Angular Universal)
  9. Angular 6: saving data to local storage
  10. Page is part of the declarations of 2 modules: Error in ionic build prod
  11. Angular 4/5/6 Global Variables
  12. Uncaught Error: Unexpected directive ‘MyComboBox’ imported by the module ‘AppModule’. Please add a @NgModule annotation
  13. Angular 2 Read More Directive
  14. When to use Interface and Model in TypeScript / Angular
  15. How to display the app version in Angular?
  16. Pass config data using forRoot
  17. Angular – POST uploaded file
  18. Debug & Run Angular2 Typescript with Visual Studio Code?
  19. Angular @ViewChild() error: Expected 2 arguments, but got 1
  20. Best way to import Observable from rxjs
  21. Ionic2/Angular2 – Read a custom config file
  22. Do I have to unsubscribe from ActivatedRoute (e.g. params) observables?
  23. rxjs/Subject.d.ts error : Class ‘Subject’ incorrectly extends base class ‘Observable’
  24. FormBuilder group is deprecated
  25. How to Using a FormArray in a FormGroup
  26. Class is using Angular features but is not decorated. Please add an explicit Angular decorator
  27. How to validate white spaces/empty spaces? [Angular 2]
  28. Call a function every 10 seconds Angular2
  29. How to change angular material datepicker format
  30. Angular2 Error: There is no directive with “exportAs” set to “ngForm”

Leave a Comment