docs(pt): add translation for challenge 22 router-input

This commit is contained in:
kabrunko-dev
2023-12-29 10:25:48 -03:00
parent 94dab66521
commit 0c7deac968

View File

@@ -0,0 +1,26 @@
---
title: 🟢 @RouterInput()
description: Defasio 22 é sobre o usar do decorador @Input para recuperar parâmetros do roteador.
author: thomas-laforge
challengeNumber: 22
command: angular-router-input
blogLink: https://medium.com/ngconf/accessing-route-params-in-angular-1f8e12770617
sidebar:
order: 5
---
## Informação
Nesta aplicação, recuperamos 3 pedaços de informação, dentro do nosso `TestComponent`, providenciados pelo roteador:
- Queremos recuperar `testId` encontrado nos parâmetros da URL.
- Queremos obter `user` localizado nos parâmetros query da URL.
- Queremos acessar `permission` atribuído no objeto `data` da rota.
Na versão 15 ou mais recente do Angular, usamos `ActivatedRoute` para obter todas as informações e recebê-las através de observables para escutarmos mudanças na URL.
Na versão 16, Angular introduziu um novo `Input` que pode ouvir os dados da rota. Você pode ler mais sobre [aqui](https://medium.com/ngconf/accessing-route-params-in-angular-1f8e12770617).
## Declaração
O objetivo deste exercício é refatorar o código para usar a nova estratégia `RouterInput`.