Skip to content

Commit 0089e66

Browse files
authored
Merge pull request tomalaforge#528 from kabrunko-dev/docs/translate-challenge-32
docs(pt): translate challenge 32
2 parents 7779c3a + c9e9d25 commit 0089e66

File tree

1 file changed

+37
-0
lines changed

1 file changed

+37
-0
lines changed
Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
---
2+
title: 🟠 Bug na Detecção de Mudanças
3+
description: Desafio 32 é sobre debuggar uma aplicação que tem um problema quando a detecção de mudanças é disparada
4+
author: thomas-laforge
5+
challengeNumber: 32
6+
command: angular-bug-cd
7+
blogLink: https://medium.com/ngconf/function-calls-inside-template-are-dangerous-15f9822a6629
8+
sidebar:
9+
order: 105
10+
---
11+
12+
:::note[Nota]
13+
Este desafio é inspirado por um exemplo real que eu simplifiquei para criar um desafio legal.
14+
:::
15+
16+
## Informação
17+
18+
Neste pequena aplicação, nós temos um menu de navegação que roteia nossa aplicação ou para `BarComponent` ou para `FooComponent`. No entanto, a aplicação não está carregando e os erros não são mostrado dentro do console.
19+
20+
## Declaração
21+
22+
O objetivo do desafio é debuggar a aplicação e fazer ela funcionar.
23+
24+
## Dicas
25+
26+
<details>
27+
<summary>Dica 1</summary>
28+
29+
Se você comentar `routerLinkActive="isSelected"` dentro de `NavigationComponent`, a aplicação carregará corretamente.
30+
</details>
31+
32+
<details>
33+
<summary>Dica 2</summary>
34+
35+
Se você abrir o [código-fonte de `RouterLinkActive`](https://github.com/angular/angular/blob/main/packages/router/src/directives/router_link_active.ts) e ir na **linha 196**, verá que o Angular chama `this.cdr.markForCheck` dentro de uma microTask, na qual dispara um novo ciclo de detecção de mudanças (CD). Se você comentar essa linha, a aplicação carrega novamente, mas o bug não é dentro do framework Angular. 😅😯
36+
37+
</details>

0 commit comments

Comments
 (0)