mirror of
https://github.com/Raghu-Ch/angular-challenges.git
synced 2026-02-10 21:03:03 -05:00
feat(challenge33): add new challenge about decoupling
This commit is contained in:
@@ -12,14 +12,21 @@ In this small application, we have a navigation menu to route our application to
|
||||
|
||||
The goal of the challenge is to debug this application and make it work.
|
||||
|
||||
#### Hint 1
|
||||
#### Hints
|
||||
|
||||
If you comment out `routerLinkActive="isSelected"` inside `NavigationComponent`: the application loads correctly.
|
||||
<details>
|
||||
<summary>Hint 1</summary>
|
||||
|
||||
If you comment out `routerLinkActive="isSelected"` inside `NavigationComponent`: the application loads correctly.
|
||||
</details>
|
||||
|
||||
#### Hint 2
|
||||
<details>
|
||||
<summary>Hint 2</summary>
|
||||
|
||||
If you open the [`RouterLinkActive` source code](https://github.com/angular/angular/blob/main/packages/router/src/directives/router_link_active.ts) 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. 😅😯
|
||||
|
||||
</details>
|
||||
|
||||
### Submitting your work
|
||||
|
||||
1. Fork the project
|
||||
|
||||
Reference in New Issue
Block a user