Author: Thomas Laforge
This challenge is inspired by a real-life example that I simplified to create this nice challenge.
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.
The goal of the challenge is to debug this application and make it work.
If you comment out routerLinkActive="isSelected" inside NavigationComponent: the application loads correctly.
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 is not inside the Angular Framework. 😅😯
- Fork the project
- clone it
- npm ci
npx nx serve bug-cd- ...work on it
- Commit your work
- Submit a PR with a title beginning with Answer:32 that I will review and other dev can review.
You can ask any question on 