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.

MdTab isActive ExpressionChangedAfterItHasBeenCheckedError

See original GitHub issue

Bug, feature request, or proposal:

Bug - when using *ngIf inside a tab, in conjunction with MdTab.isActive, an ExpressionChangedAfterItHasBeenCheckedError is printed to the console when switching tabs. The functionality is correct however (i.e. the ngIf and tabs work as they should.)

What is the expected behavior?

No ExpressionChangedAfterItHasBeenCheckedError error is printed to the console.

What is the current behavior?

Error is printed to the console:

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

What are the steps to reproduce?

http://plnkr.co/edit/SotTRsV9iLhvH95VmS0Y?p=preview

What is the use-case or motivation for changing an existing behavior?

N/A

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Angular: 4.3.6 Material: 2.0.0-beta.10 Typescript: 2.3.4 Browser: Chrome Version 60.0.3112.113 OS: Windows 10

Is there anything else we should know?

No.

Issue Analytics

State:
Created 6 years ago
Comments:11 (1 by maintainers)

Top GitHub Comments

1reaction

xjuanccommented, Mar 16, 2018

Just ran into this problem aswell, any workaround so far? As others stated this do seems like a valid bug since the basic example on #6422 throws this error.

0reactions

angular-automatic-lock-bot[bot]commented, Sep 10, 2019

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

Top Results From Across the Web

Plunker

isActive ExpressionChangedAfterItHasBeenCheckedError </md-toolbar> <div ... <md-tab *ngFor="let tab of tabs" #currentTab> <ng-template md-tab-label> Tab ...

MdTab: Add property to determine if the tab is active #6422

It would be helpful to have a property on MdTab that returns true if it ... MdTab isActive ExpressionChangedAfterItHasBeenCheckedError #6934.

ExpressionChangedAfterItHasBe...

I am always getting the ExpressionChangedAfterItHasBeenCheckedError. But it really confuses me because my code is in the constructor?

CHANGELOG_ARCHIVE.md - components - Fossies

MatButtonToggleGroup causes ExpressionChangedAfterItHasBeenCheckedError (#10607); focus-trap: wrong element being checked when logging deprecation warning ...

Source - GitHub

... Bug fixes * **o-table**: * Fix bug when `select-all-checkbox-visible` is active. ... fixing ExpressionChangedAfterItHasBeenCheckedError errors ...