ExpressionChangedAfterItHasBeenCheckedError when setting value of signal in `ngOnInit` about angular HOT 7 CLOSED

Why doesn't afterNextRender work here?

afterNextRender did not support updating state until 432afd1 which just missed the release this week

That being said, this can be solved by using OnPush which will run local change detection and prevent NG0100.

OnPush doesn't prevent NG0100 other than the fact that NG0100 is broken and can't detect errors in OnPush components. Using signals to prevent NG0100 works the same in default and OnPush components.

from angular.

This is a ECAIHBC situation. Signals don't currently affect how change detection is handled, it's only a reactive envelope around a value at the moment. If that value has already been read in a template before its value is being updated during the same change detection cycle (in ngOnInit) then the previously checked template becomes out-of-date, violating Angular's top-down data flow requirements.

The details of how this works with signals may change in the future, but as of right now this is working as designed.

from angular.

That being said, this can be solved by using OnPush which will run local change detection and prevent NG0100.

from angular.

Ouch, hello, guys, and thanks for your answers.

I've sent poor @ValentinBossi over from the NgRx repo and promised him you know of some Signal-based solution/alternative that already prevents the NG0100.

Why doesn't afterNextRender work here? I understood it as a "better" version of Promise.resolve(() => ....). Unfortunately, it also triggers NG0100.

from angular.

@atscott, thanks for the clarification!

from angular.

I'm also going to close this as fixed by 432afd1. That PR addressed the issue where updating a signal that's read in another view attached to ApplicationRef would not work and still cause NG0100.

from angular.

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}

from angular.