How to manage Angular2 “expression has changed after it was checked” exception when a component property depends on current datetime

by

Run change detection explicitly after the change:

import { ChangeDetectorRef } from '@angular/core';

constructor(private cdRef:ChangeDetectorRef) {}

ngAfterViewChecked()
{
  console.log( "! changement de la date du composant !" );
  this.dateNow = new Date();
  this.cdRef.detectChanges();
}

More Related Contents:

  1. How to detect change in typescript object in angular 6
  2. What is the difference between Subject and BehaviorSubject?
  3. Can’t bind to ‘formGroup’ since it isn’t a known property of ‘form’
  4. @Directive vs @Component in Angular
  5. Angular: How to correctly implement APP_INITIALIZER
  6. Angular 2 – 2 Way Binding with NgModel in NgFor
  7. No provider for HttpClient
  8. Argument of type ‘string | null’ is not assignable to parameter of type ‘string’. Type ‘null’ is not assignable to type ‘string’
  9. How do I detect user navigating back in Angular2?
  10. Access environment variables in production build Angular 4
  11. How to call component method from service? (angular2)
  12. Angular2 – Setting date field on reactive form
  13. Cannot read property of ‘xxx’ of undefined
  14. Angular 6 does not add X-XSRF-TOKEN header to http request
  15. Angular – POST uploaded file
  16. How to pass multiple parameter to @Directives (@Components) in Angular with TypeScript?
  17. Angular: How to download a file from HttpClient?
  18. angular’s ng-init alternative in Angular 2
  19. How to use Bootstrap in an Angular project?
  20. What is pipe for in RxJS?
  21. How to throw error from RxJS map operator (angular)
  22. Angular reactive Form error: Must supply a value for form control with name:
  23. Open/Close sidenav from another component
  24. Angular – How to fix ‘property does not exist on type’ error?
  25. Cannot read property ‘native-element’ of undefined
  26. Filtering different columns in a material table
  27. Adding / Removing components on the fly
  28. Angular 2 disable sanitize
  29. Can I use Angular i18n to translate string literals in typescript code
  30. How to generate components in a specific folder with Angular CLI?

Leave a Comment