Skip to content
angular challenges logo Angular Challenges

๐ŸŸ  Change Detection Bug

Challenge #32

Created by Thomas Laforge

Information

In this small application, we have a navigation menu to route our application to either BarComponent or FooComponent. However, our application is not loading and no errors are displayed inside the console.

Statement

The goal of the challenge is to debug this application and make it work.

Hints

Hint 1

If you comment out routerLinkActive="isSelected" inside NavigationComponent, the application loads correctly.

Hint 2

If you open the RouterLinkActive source code and go to line 196, Angular is calling this.cdr.markForCheck inside a microTask, which triggers a new CD cycle. If you comment out this line, the application loads again, however, the bug should not be fixed by changing the Angular source code. ๐Ÿ˜…๐Ÿ˜ฏ

Contributors

Thanks to all the contributors who have helped make this documentation better!

  • tomalaforge
  • tomer953
  • jdegand
  • LMFinney