En este post te mostraré cómo navegar a otra ruta en una SPA de Angular usando TypeScript. Es decir, navegar en el click de un botón o en determinada acción, y no a través de un enlace.

Lo único que tenemos que hacer es importar al router, inyectarlo en el constructor y después invocar a navigateByUrl (igualmente el router tiene más métodos).

Paso 1: importar el router

En el componente en donde quieres navegar a otra ruta con Angular coloca:

import {Router} from "@angular/router";

Paso 2: inyectarlo en el constructor

Ahora indica que quieres usar el router dentro del constructor de tu componente:

 

Paso 3: navegar a otra ruta

Finalmente, en cualquier método de tu constructor invoca al método navigateByUrl. Por ejemplo, yo tengo el siguiente método:

Recuerda que estás navegando por URL, es decir, debes indicar la ruta a la que quieres navegar. En este caso yo invoco a ese método desde un botón que usa Angular Material:


Estoy disponible para trabajar en tu proyecto o realizar tu tarea pendiente, no dudes en ponerte en contacto conmigo.
Si el post fue de tu agrado muestra tu apoyo compartiéndolo, suscribiéndote al blog, siguiéndome o realizando una donación.

Suscribir por correo

Ingresa tu correo y recibirás mis últimas entradas sobre programación, open source, bases de datos y todo lo relacionado con informática

Únete a otros 574 suscriptores

Relacionado:  Obtener archivos de input file con Angular

parzibyte

Programador freelancer listo para trabajar contigo. Aplicaciones web, móviles y de escritorio. PHP, Java, Go, Python, JavaScript, Kotlin y más :) https://parzibyte.me/blog/software-creado-por-parzibyte/

0 Comments

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

A %d blogueros les gusta esto: