mirror of
https://github.com/Raghu-Ch/angular-challenges.git
synced 2026-02-13 14:23:02 -05:00
Merge pull request #458 from kabrunko-dev/translation-ptbr
docs(pt): add more challenge transations and ui i18n schema
This commit is contained in:
@@ -0,0 +1,18 @@
|
|||||||
|
---
|
||||||
|
title: 🟢 Navegação por Âncora
|
||||||
|
description: Desafio 21 é sobre navegação dentro de uma página por âncora
|
||||||
|
author: thomas-laforge
|
||||||
|
challengeNumber: 21
|
||||||
|
command: angular-anchor-scrolling
|
||||||
|
sidebar:
|
||||||
|
order: 4
|
||||||
|
---
|
||||||
|
|
||||||
|
## Informação
|
||||||
|
|
||||||
|
Você começa com uma aplicação que tem uma navegação básica e navegação por âncora no `HomeComponent`. No entanto, usando `href` recria o caminho toda vez e recarrega a página.
|
||||||
|
|
||||||
|
## Declaração
|
||||||
|
|
||||||
|
- Sua tarefa é refatorar essa aplicação para usar a ferramenta nativa de navegação para melhor ajuste com o framework Angular. Você pode explorar o roteador, mas é melhor permanecer dentro do template e usar a diretiva `RouterLink`.
|
||||||
|
- Para melhorar a experiência do usuário, adicionar rolagem suave.
|
||||||
@@ -0,0 +1,26 @@
|
|||||||
|
---
|
||||||
|
title: 🟢 @RouterInput()
|
||||||
|
description: Desafio 22 é sobre o uso 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`.
|
||||||
16
docs/src/content/i18n/pt.json
Normal file
16
docs/src/content/i18n/pt.json
Normal file
@@ -0,0 +1,16 @@
|
|||||||
|
{
|
||||||
|
"page.title.challenge": "Desafio",
|
||||||
|
"author.createdBy": "Criado por",
|
||||||
|
"buttons.star": "Dar uma estrela",
|
||||||
|
"buttons.sponsor": "Patrocinar",
|
||||||
|
|
||||||
|
"challenge.footer.note": "Nota",
|
||||||
|
"challenge.footer.running": "Rode o projeto executando o comando:",
|
||||||
|
"challenge.footer.start": "O título do seu PR deve começar com",
|
||||||
|
"challenge.footer.reminder": "Não esqueça",
|
||||||
|
"challenge.footer.communityAnswers": "Solução da Comunidade",
|
||||||
|
"challenge.footer.authorAnswer": "Solução do Autor do Desafio",
|
||||||
|
"challenge.footer.blogPost": "Artigo",
|
||||||
|
|
||||||
|
"404.text": "Página não encontrada. Verifique a URL ou tente usar a barra de busca."
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user