Enrutamiento en Angular

Name: Enrutamiento en Angular
Author: Michaela Ochnich

Este capítulo cubrirá los servicios de enrutamiento de Angular. Aprenderá a crear rutas secundarias, así como rutas restringidas a las que solo pueden acceder…

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

Solicitar una demo Iniciar sesión

Curso: bajo demanda

Esta lección va a demostrar como pasar y recuperar los valores de los parámetros del enrutador angular. Entonces, la aplicación que tengo aquí se generó con enrutamiento con el Herramienta CLI. Entonces este archivo de módulo de enrutamiento ya está configurado y importado en el módulo de ruta de la aplicación. El módulo de enrutador que se importa de angular aquí incluye diferentes directivas y proveedores que permiten navegación de la aplicación. Esto incluye el enlace del enrutador, el enlace del enrutador activo y el directivas de salida del enrutador, así como el servicio del enrutador. Entonces, para esta demostración, digamos que está creando una aplicación web para una empresa inmobiliaria. Una de las funciones que puede necesitar es una página que enumera los propiedades disponibles, y luego hacer clic en esa lista de propiedades debería llevar al usuario a una página con más detalles sobre esa propiedad en particular. Entonces, para configurar eso, Primero voy a generar un componente que muestra una lista. de las propiedades y luego un componente que mostrará el detalles de nuestra propiedad. Así que aquí el componente de la lista de elementos será para mostrar todos los listados y el componente del artículo será para mostrar un listado individual. También voy a generar un componente para que actúe como página de inicio. Ahora, para crear rutas para esos tres componentes, Primero tengo que importarlos a este módulo de enrutamiento de la aplicación expediente. A continuación, aquí abajo, y las rutas son correctas. Primero definiré una ruta para la página de inicio. Y luego, a continuación, crearé una ruta para la lista de elementos. componente. Ahora, para el componente del artículo, Necesito pasar la identificación del artículo en la ruta. De esta forma, si esta aplicación se adjuntó a un back-end, podría usar esa identificación para recuperar los datos de la lista, de la base de datos. Para denotar un parámetro en una ruta, ponga dos puntos delante del nombre del parámetro. De esta manera, el enrutador angular sabe que este es un parámetro que va a ser pasado. Y no intenta hacer coincidir la ruta con la identificación de la palabra. Cuando busca una ruta coincidente. Y ese valor de parámetro se pasará en el enlace Cuando un usuario hace clic en un elemento específico de la lista. Dado que no existe un back-end real para esta aplicación, Creé un servicio que devolverá algunos datos simulados básicos solo con fines de demostración. Hay dos funciones definidas en el servicio. Uno que devuelve todos los datos de la lista y uno que toma un ID y devuelve esos datos de listado en particular. Y para terminar de configurar ese enrutador. También necesito agregar la salida del enrutador. Así que abriré la plantilla del componente de ruta y elimine todo el código de inicio y luego reemplácelo con esa salida del enrutador. Así que ahora que hay una salida para mostrar las rutas en el vista, Voy a crear un enlace desde el componente de la página de inicio a ese componente de la lista. Ahora para crear un enlace para el enrutador angular, no desea utilizar el atributo H-ref. Esta es una aplicación de una sola página, por lo que no queremos navegar a una nueva página HTML. En lugar de, se utiliza la directiva de enlace de enrutador.

Intermedio Proveedor : Michaela Ochnich 6 lecciones · 33m en Árabe, Alemán, Inglés, Español, Francés, Portugués, Chinese

Descripción del curso

Este capítulo cubrirá los servicios de enrutamiento de Angular. Aprenderá a crear rutas secundarias, así como rutas restringidas a las que solo pueden acceder ciertos usuarios. Aprenderá cómo la creación de vínculos relativos en la aplicación Angular puede ayudar a la refactorización y cómo recuperar los parámetros de ruta actuales de una clase de componente.

Lo que aprenderás

Crear diferentes tipos de rutas de Angular usando los servicios de enrutamiento de Angular
Construir rutas secundarias dentro de una aplicación en Angular
Restringir acceso a rutas para que solo ciertos usuarios puedan acceder a ellas
Crear vínculos relativos para facilitar la refactorización
Recuperar los parámetros de ruta actual de una clase de componente

Puntos clave

Angular proporciona servicios de enrutamiento para crear y gestionar rutas en una aplicación.
Las rutas pueden ser configuradas como rutas secundarias y como rutas restringidas que solo ciertos usuarios pueden acceder.
Usar vínculos relativos en una aplicación en Angular puede ayudar al refactorizar.
Los parámetros de ruta actual pueden ser recuperados desde dentro de una clase de componente.

Preguntas frecuentes

¿Qué cubre este capítulo de Enrutamiento en Angular?

Cubre los servicios de enrutamiento de Angular, incluyendo cómo crear rutas secundarias y rutas restringidas que solo ciertos usuarios pueden acceder, cómo los vínculos relativos ayudan al refactorizar y cómo recuperar los parámetros de ruta actual de una clase de componente.

¿Qué podré hacer después de completar este curso?

Entenderás cómo crear diferentes tipos de rutas de Angular y aprenderás cómo restringir acceso a una ruta.

¿Qué lecciones se incluyen en este capítulo?

El capítulo incluye Información de Ruta Parte 1, Información de Ruta Parte 2, Información de Ruta Parte 3, Rutas Relativas, Rutas Secundarias y Ruta Restringida.

¿Este curso explica cómo limitar quién puede acceder a una ruta?

Sí. Enseña cómo crear rutas restringidas que solo ciertos usuarios pueden acceder y cómo restringir el acceso a una ruta.