domingo 28 abril 2024
5
Cómo redireccionar en Angular a una vista
Importar y Usar el Router en Angular
Para manejar la navegación entre vistas en Angular, se utiliza el servicio Router, el cual permite la redirección programática dentro de las aplicaciones.
Pasos para configurar la redirección
-
Importar
Routerdesde@angular/router. -
Inyectar
Routeren el constructor del componente. -
Utilizar el método
navigateonavigateByUrlpara redireccionar.
Ejemplo de redirección:
import { Component } from '@angular/core';
import { Router } from '@angular/router';
@Component({
selector: 'app-my-component',
template: `<button (click)="redirectToHome()">Go to Home</button>`
})
export class MyComponent {
constructor(private router: Router) {}
redirectToHome() {
// Redireccionar a la ruta '/home'
this.router.navigate(['/home']);
}
}
Etiquetas:
Autor:
Jorge García
Fullstack developer