Breadcrumbs em Angular 6 não funcionam na navegação

Quando trabalhamos com Angular, fazer breadcrumbs funcionais que reflitam a navegação real é mais difícil do que parece.

No meu time, a maior dor é que os links de breadcrumb não atualizam corretamente a URL, especialmente em rotas filhas. O exemplo clássico é: você navega até uma página, clica no breadcrumb, e ele leva para o caminho errado ou não atualiza o componente.

Isso acontece porque o Angular, por padrão, não trata mudanças de rota em links internos como uma navegação completa, mas como uma atualização do componente atual. Então, a URL muda, mas o conteúdo não. Sem esse critério, a solução pode parecer simples no começo e cara no suporte. O valor aparece melhor quando operação, produto e engenharia olham para o mesmo risco.

A solução prática que vejo é usar o routerLink com uma navegação programada e garantir que cada breadcrumb tenha uma rota aboluta ou relativa bem definida. Além disso, usar o router.navigate com { replaceUrl: true } ajuda a evitar múltiplas entradas no histórico. O valor aparece melhor quando operação, produto e engenharia olham para o mesmo risco. Por isso, o recorte precisa considerar manutenção, validação e caminho de volta.

Outro ponto é que, se o breadcrumb é gerado dinamicamente, você precisa garantir que o conteúdo seja recalculado toda vez que a rota mudar. Para isso, escutar o evento de navegação do router e atualizar o breadcrumb faz toda a diferença. Por isso, o recorte precisa considerar manutenção, validação e caminho de volta. Esse contexto ajuda a separar ganho real de novidade difícil de sustentar. A decisão fica mais saudável quando o time consegue medir o impacto depois. Sem esse critério, a solução pode parecer simples no começo e cara no suporte.

No seu cenário, o que vocês usam para montar esses breadcrumbs? Já tentaram usar o ActivatedRoute para montar o caminho completo ou preferem alguma lib de terceiros? Esse contexto ajuda a separar ganho real de novidade difícil de sustentar. A decisão fica mais saudável quando o time consegue medir o impacto depois. Sem esse critério, a solução pode parecer simples no começo e cara no suporte. O valor aparece melhor quando operação, produto e engenharia olham para o mesmo risco. Por isso, o recorte precisa considerar manutenção, validação e caminho de volta. Esse contexto ajuda a separar ganho real de novidade difícil de sustentar.