Este artigo é um artigo espelhado de tradução automática, por favor clique aqui para ir para o artigo original.

Architect_Programmer_Code Rede Agrícola»Arquiteto › Design front-end & web › Quadro frontal › Eventos de Mudança de Roteamento do Roteamento da Série Angular 18 (21) ...
Vista: 2462|Resposta: 0

[Angular] Eventos de Mudança de Roteamento do Roteamento da Série Angular 18 (21)

[Copiar link]
Publicado em 05/08/2024 14:11:09 | | | |
Requisitos: Detectar mudanças nas rotas da Rota Angular, alternar o menu na barra de navegação e modificar dinamicamente o título da página web injetando Título quando a rota for carregada.

Para isso, criaremos um componente simples de App e injetaremos seu roteador no construtor:

Tais RouterEvents servem como a classe base (em ordem alfabética) para esses eventos relacionados ao roteador:

  • GuardasCheckEnd
  • GuardsCheckStart
  • NavegaçãoCancelar
  • NavigationEnd
  • NavigationError
  • NavegaçãoPulado
  • NavigationStart
  • ResolveEnd
  • ResolveStart
  • RotasReconhecidas


Referência:O login do hiperlink está visível.

A lista de categorias acima é um possível resultado que seu roteador pode emitir. Por exemplo, se um usuário começar a navegar para uma nova visualização, os eventos NavigationStart e NavigationEnd serão chamados.

Para obter essas informações (e mais), podemos assinar o evento router.events com o seguinte código:

Filtrando eventos pela condição se, o código é o seguinte:

Se você quiser apenas um evento, por exemplo, NavigationEnd, podemos filtrar() trazer e transferir um observável do RxJS para que ele seja emitido apenas em eventos específicos:

Modificar o código do título da página:


Quando você clica no menu para trocar de rota, a renderização é a seguinte:



(Fim)





Anterior:Variáveis ambientais da série angular 18 (vinte) são usadas por Ambientes
Próximo:Retornam resultados da consulta de linha de comando do MySQL? ponto de interrogação

Posts Relacionados
Disclaimer:
Todo software, material de programação ou artigos publicados pela Code Farmer Network são apenas para fins de aprendizado e pesquisa; O conteúdo acima não deve ser usado para fins comerciais ou ilegais, caso contrário, os usuários terão todas as consequências. As informações deste site vêm da Internet, e disputas de direitos autorais não têm nada a ver com este site. Você deve deletar completamente o conteúdo acima do seu computador em até 24 horas após o download. Se você gosta do programa, por favor, apoie um software genuíno, compre o registro e obtenha serviços genuínos melhores. Se houver qualquer infração, por favor, entre em contato conosco por e-mail.
Mail To:help@itsvse.com