ExpressionChangedAfterItHasBeenCheckedError: using fxHide

[dhuallanca]

Expression has changed after it was checked. Previous value: 'false'. Current value: 'true'

I am using fxHide.gt-sm

[ThomasBurleson]

Please provide a Plunkr demo.

[ThomasBurleson]

Related to #415

[nadjem]

Had same issue and fix it after reading this blog post

[ThomasBurleson]

@nadjem - There are several solution approaches... I am curious how you fixed it on your version.

Maxim's blog article Everything you need to know about the 'ExpressionChangedAfterItHasBeenCheckedError' error is a great article.

[nadjem]

@ThomasBurleson
In my case, I have two components that communicate together via a service and I added the "setTimeout" in both. Like this example from the article

ngOnInit() {
       setTimeout(() => {
           this.parent.text = 'updated text';
       });
   }

and it work for me. ;)

[ThomasBurleson]

@nadjem - Understood. In our case, a setTimeout() outside the ObservableMedia seems like a bandaid that simply hides the infection.

[nadjem]

@ThomasBurleson ok I understand, if you have a better solution i am really interested

[mackelito]

I have the same issue but non fxFlex related.. the problem occurs when using md-accordion component from Material Design. I want to have the panel expanded on load if the route match "outerLinkActive #rla="routerLinkActive" [expanded]="rla.isActive"" this works but gives this error in the console.

I can solve this problem by using "changeDetection: ChangeDetectionStrategy.OnPush" but then I cant use outerLinkActive... still looking for a solution :)

[mackelito]

This is a race condition present in the RouterLinkActive.
angular/components#6701
angular/angular#18983

[CaerusKaru]

It's been three months since a demo was requested. If you can provide one with the specified behavior, we can reopen this issue.

[angular-automatic-lock-bot]

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.}