Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

ExpressionChangedAfterItHasBeenCheckedError

See original GitHub issue

versions:

@angular-devkit/core            11.0.5
"angular2-multiselect-dropdown": "^4.6.9",

error when clicking on the component

ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value for 'top': '563'. Current value: '166'.
    at throwErrorIfNoChangesMode (core.js:6536)
    at bindingUpdated (core.js:12647)
    at checkStylingProperty (core.js:16475)
    at ɵɵstyleProp (core.js:16364)
    at AngularMultiSelect_Template (angular2-multiselect-dropdown.js:4661)
    at executeTemplate (core.js:9310)
    at refreshView (core.js:9179)
    at refreshComponent (core.js:10345)
    at refreshChildComponents (core.js:8976)
    at refreshView (core.js:9229)

Issue Analytics

State:
Created 3 years ago
Reactions:9
Comments:25 (3 by maintainers)

Top GitHub Comments

4reactions

CuppaLabscommented, Feb 14, 2021

Sorry my bad. The library is being upgraded to angular v11+, in coming release. Currently the library is in v8. Once the upgrade is released, this error will be resolved. Mostly in couple of days this would be fixed.

4reactions

galazzaronicommented, Jan 18, 2021

I solved this doing this and it works OK:

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

constructor(private changeDetector: ChangeDetectorRef) { }

ngAfterViewChecked() {
    this.changeDetector.detectChanges();
  }

Top Results From Across the Web

ExpressionChangedAfterItHasBe...

The ExpressionChangedAfterItHasBeenCheckedError error is a runtime error that can occur when doing angular development. It indicates that a ...

ExpressionChangedAfterItHasBe...

The ExpressionChangedAfterItHasBeenCheckedError error is thrown up when the binding expression changes after being checked by Angular during the ...

NG0100: Expression has changed after it was checked - Angular

Angular throws an ExpressionChangedAfterItHasBeenCheckedError when an expression value has been changed after change detection has completed.

Everything you need to know about the ... - InDepth.Dev

Error: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: 'A message for the child component'.

ExpressionChangedAfterItHasBe...

ExpressionChangedAfterItHasBeenCheckedError is thrown when an expression in your HTML has changed after Angular has checked it (it is a very expressive ...