Este artículo es un artículo espejo de traducción automática, por favor haga clic aquí para saltar al artículo original.

Architect_Programmer_Code Red Agrícola»Arquitecto › Diseño front-end y web › Bastidor frontal › Eventos de cambio de enrutamiento en routers de la serie Angular 18 (21) ...
Vista: 2462|Respuesta: 0

[Angular] Eventos de cambio de enrutamiento de routers Angular 18 Series (21)

[Copiar enlace]
Publicado en 5/8/2024 14:11:09 | | | |
Requisitos: Detectar cambios en las rutas de Ruta Angular, activar el menú en la barra de navegación y modificar dinámicamente el título de la página web inyectando Título cuando se carga la ruta.

Para ello, crearemos un componente sencillo de App e inyectaremos su Router en el constructor:

Estos RouterEvents sirven como clase base (en orden alfabético) para estos eventos relacionados con el router:

  • GuardsCheckEnd
  • GuardsCheckStart
  • NavigationCancel
  • NavigationEnd
  • ErrorNavegación
  • NavegaciónSaltado
  • NavigationStart
  • ResolveEnd
  • ResolveStart
  • RutasReconocidas


Referencia:El inicio de sesión del hipervínculo es visible.

La lista anterior de categorías es un posible resultado que tu router podría emitir. Por ejemplo, si un usuario comienza a navegar a una nueva vista, se llamarán los eventos NavigationStart y NavigationEnd.

Para obtener esta información (y más), podemos suscribirnos al evento router.events con el siguiente código:

Filtrando los eventos por condición si, el código es el siguiente:

Si solo quieres un evento, por ejemplo NavigationEnd, podemos filtrar() traer y transferir un observable de RxJS para que se emita solo en eventos específicos:

Modifica el código de título de la página:


Cuando haces clic en el menú para cambiar de ruta, el renderizado es el siguiente:



(Fin)





Anterior:Las variables de entorno de la serie angular 18 (veinte) son utilizadas por los Entornos
Próximo:¿Resultados de la consulta de línea de comandos de MySQL ¿? signo de interrogación

Publicaciones relacionadas
Renuncia:
Todo el software, materiales de programación o artículos publicados por Code Farmer Network son únicamente para fines de aprendizaje e investigación; El contenido anterior no se utilizará con fines comerciales o ilegales; de lo contrario, los usuarios asumirán todas las consecuencias. La información de este sitio proviene de Internet, y las disputas de derechos de autor no tienen nada que ver con este sitio. Debes eliminar completamente el contenido anterior de tu ordenador en un plazo de 24 horas desde la descarga. Si te gusta el programa, por favor apoya el software genuino, compra el registro y obtén mejores servicios genuinos. Si hay alguna infracción, por favor contáctanos por correo electrónico.
Mail To:help@itsvse.com