mirror of
https://github.com/Raghu-Ch/angular-challenges.git
synced 2026-02-10 21:03:03 -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