Change Detection DemosGitHub

ExpressionChangedAfterItHasBeenCheckedError Demo

  • Name is changed in ngAfterViewInit, open browser console to see the error
  • View generation process (which ngAfterViewInit is a part of) is itself further modifying the data that we are trying to display in the first place

{ "id": "9b80043d-56a1-481f-8688-539b2a6048db", "name": "Another name which triggers ExpressionChangedAfterItHasBeenCheckedError", "details": { "age": 82820, "country": "Uzbekistan" } }

Another name which triggers ExpressionChangedAfterItHasBeenCheckedError9b80043d-56a1-481f-8688-539b2a6048db
HeroCardComponent
HeroDetailsComponent
Built with ♥ by Mokkapps | Source Code