La navegación entre vistas en Angular permite a los usuarios moverse de una página o componente a otro dentro de una aplicación sin recargar la página. Esto se logra mediante el uso de rutas y componentes de enrutamiento, lo que es esencial para crear aplicaciones SPA (Single Page Applications).
Componentes de Navegación entre Vistas en Angular v18
- RouterModule: Importa y configura las rutas en la aplicación.
- Routes: Define un arreglo de objetos de ruta, cada uno especificando una URL y un componente asociado.
- Router: Servicio para la navegación programática y manejo del estado de enrutamiento.
- ActivatedRoute: Proporciona información sobre la ruta actual asociada con el componente cargado en el
RouterOutlet. - RouterLink: Directiva para enlazar rutas en las plantillas.
- RouterOutlet: Directiva que actúa como un marcador de posición para los componentes cargados.
- Route Guards: Mecanismos para proteger y controlar el acceso a las rutas (e.g.,
CanActivate,CanDeactivate,Resolve,CanLoad,CanActivateChild).
Videotutoriales:
- Angular 17.2 - viewChild - viewChildren https://youtu.be/UceFBC3EIbs
- Rutas hijas (Atributo children) https://youtu.be/JZMHsXdIZC4
- Modulos y como usarlos https://youtu.be/BXU6CTmP8YA
- Carga perezosa (Lazy loading): https://youtu.be/ViAIK9-piEw
- Módulo compartido (Shared) https://youtu.be/ZcxydqaqEWM
-
------
mmm