Roteamento no Angular

Name: Roteamento no Angular
Author: Michaela Ochnich

Este capítulo abrangerá os serviços de encaminhamento da angular. Aprenderás a criar rotas infantis, bem como rotas restritas que apenas certos utilizadores podem aceder.

Preview the first lesson free — get full access to all 6 lessons.

Solicitar uma demonstração Entrar

Curso: sob demanda

Esta lição vai demonstrar como passar e recupere os valores dos parâmetros do roteador angular. Portanto, o aplicativo que tenho aqui foi gerado com roteamento com o Ferramenta CLI. Portanto, este arquivo do módulo de roteamento já está configurado e importado para o módulo de rota do aplicativo. O módulo do roteador que é importado do angular aqui inclui diferentes diretivas e provedores que permitem em navegação do aplicativo. Isso inclui o link do roteador, o link do roteador ativo e o diretivas de tomada de roteador, bem como o serviço de roteador. Então, para esta demonstração, digamos que você esteja criando um aplicativo da web para uma imobiliária. Um dos recursos de que você pode precisar é uma página que lista os propriedades disponíveis, e clicar nessa lista de propriedades deve levar o usuário para uma página com mais detalhes sobre essa propriedade específica. Então, para configurar isso, Vou primeiro gerar um componente que exibe uma lista das propriedades e, em seguida, um componente que exibirá o detalhes de nossa propriedade. Então aqui, o componente da lista de itens será para exibir todos os listagens e o componente do item será para exibir um listagem individual. Também irei gerar um componente para atuar como uma página inicial. Agora, para criar rotas para esses três componentes, Eu primeiro tenho que importá-los para este módulo de roteamento de aplicativo Arquivo. O próximo aqui embaixo, e as rotas estão certas. Vou primeiro definir uma rota para a página inicial. E a seguir vou criar uma rota para a lista de itens componente. Agora, para o componente do item, Preciso passar o ID do item na rota. Dessa forma, se este aplicativo foi anexado a um back-end, ele poderia usar esse ID para recuperar os dados para a listagem, do banco de dados. Para denotar um parâmetro em um caminho de rota, coloque dois pontos antes do nome do parâmetro. Por aqui, o roteador angular sabe que este é um parâmetro que é vai ser passado. E não tenta combinar o caminho com a palavra ID. Quando procura uma rota correspondente. E esse valor de parâmetro será passado no link Quando um usuário clica em um item específico da lista. Como não há back-end real para este aplicativo, Eu criei um serviço que retornará alguns dados básicos de simulação apenas para fins de demonstração. Existem duas funções definidas no serviço. Um que retorna todos os dados da lista e outro que leva um ID e retorna os dados de listagem em particular. E para terminar de configurar esse roteador. Também preciso adicionar a tomada do roteador. Vou abrir o modelo de componente de rota e exclua todo o código inicial e, em seguida, substitua-o por aquela tomada do roteador. Portanto, agora que existe uma saída para exibir as rotas no visualizar, Vou criar um link do componente da página inicial para esse componente da lista. Agora, para criar um link para o roteador angular, você não deseja usar o atributo H-ref. Este é um aplicativo de página única, portanto, não queremos navegar para uma nova página HTML. Em vez de, a diretiva de link do roteador é usada.

Intermediário Fornecedor : Michaela Ochnich 6 lições · 33m em Árabe, Alemão, Inglês, Espanhol, Francês, Português, Chinese

Descrição do curso

Este capítulo abordará os serviços de roteamento do Angular. Aprenderás como criar rotas filhas, bem como rotas restritas que apenas alguns usuários podem aceder. Aprenderás como criar links relativos em tua aplicação Angular pode ajudar na refactoração e como recuperares os parâmetros de rota atuais de uma classe de componente.

O Que Você Vai Aprender

Criar diferentes tipos de rotas Angular usando serviços de roteamento do Angular
Criar rotas subordinadas em uma aplicação Angular
Restringir acesso a rotas para que apenas certos usuários possam acessá-las
Criar links relativos para facilitar a refatoração
Recuperar parâmetros de rota atual de uma classe de componente

Principais Conclusões

O Angular fornece serviços de roteamento para criar e gerenciar rotas em uma aplicação.
Rotas podem ser configuradas como rotas subordinadas e como rotas restritas que apenas certos usuários podem acessar.
O uso de links relativos em uma aplicação Angular pode ajudar durante a refatoração.
Os parâmetros de rota atual podem ser recuperados dentro de uma classe de componente.

Perguntas Frequentes

O que este capítulo de Roteamento Angular abrange?

Abrange serviços de roteamento do Angular, incluindo como criar rotas subordinadas e rotas restritas que apenas certos usuários podem acessar, como links relativos ajudam durante a refatoração e como recuperar parâmetros de rota atual de uma classe de componente.

O que serei capaz de fazer após concluir este curso?

Você compreenderá como criar diferentes tipos de rotas Angular e aprenderá como restringir acesso a uma rota.

Quais lições estão incluídas neste capítulo?

O capítulo inclui Route Info Parte 1, Route Info Parte 2, Route Info Parte 3, Rotas Relativas, Rotas Subordinadas e Rota Restrita.

Este curso explica como limitar quem pode acessar uma rota?

Sim. Ensina como criar rotas restritas que apenas certos usuários podem acessar e como restringir acesso a uma rota.