Angular 4 - “Expression has changed after it was checked” error while using NG-IF

Question

I setup a service to keep track of logged in users. That service returns an Observable and all components that subscribe to it are notified (so

Answer 1

I recently encountered the same issue after migration to Angular 4.x, a quick solution is to wrap each part of the code which causes the ChangeDetection in setTimeout(() => {}, 0) // notice the 0 it's intentional.

This way it will push the emit AFTER the life-cycle hook therefore not cause change detection error. While I am aware this is a pretty dirty solution it's a viable quickfix.