Header Ads Widget

Ticker

6/recent/ticker-posts

Tutorial De router Angular 11 Con Ejemplo

 Hoy, discutiremos con usted cómo configurar el enrutamiento manualmente usando un módulo de enrutador y una salida (Tutorial de enrutador Angular 11 con ejemplo). ahora crearemos una aplicación y agregaremos enrutamiento y navegación para nuestras aplicaciones.

Puede Agregar fácilmente enrutamiento a su aplicación angular usando nuestro ejemplo. estamos creando una aplicación de Ruta Simple. para que pueda ver nuestro tutorial de enrutador angular 11 con un ejemplo.

Crear nueva aplicación angular

Crearemos una nueva aplicación angular usando el siguiente comando.

cuando crea su aplicación en ese momento, Angular CLI le pregunta: ¿Le gustaría agregar enrutamiento angular? (s / N). Si ingresa con y para Sí. entonces el enrutador angular se configurará automáticamente.

Crea un componente en angular

Ahora necesitamos crear tres componentes como hogar, acerca de y contacto. Entonces, ejecutemos el siguiente comando para crear componentes.

Actualizar el archivo de vista en angular

src / app / app.component.html
En este ejemplo, crearemos un menú de navegación simple usando bootstrap. necesitamos un enlace de enrutador para redirigir las diferentes rutas y también agregar una salida de enrutador.

src / app / home / home.component.html

src / app / about / about.component.html

src / app / contact / contact.component.html

Agregar enrutamiento a su Angular 10

src / app / app-routing.module.ts

Ejecute nuestra aplicación angular

Ahora ejecutaremos nuestra aplicación Angular usando el siguiente comando.

Publicar un comentario

0 Comentarios