Volver a la página principal
domingo 28 abril 2024
293

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 Router desde @angular/router.
  • Inyectar Router en el constructor del componente.
  • Utilizar el método navigate o navigateByUrl para 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:
angular desarrollo web
Compartir:
Creado por:
Author photo

Jorge García

Fullstack developer