Voltar à página principal
segunda-feira 30 setembro 2024
4

Como redirecionar em Angular para uma visualização

Importar e Usar o Router no Angular

Para gerenciar a navegação entre visualizações no Angular, utiliza-se o serviço Router, que permite a redireção programática dentro das aplicações.

Passos para configurar a redireção

  • Importar Router de @angular/router.
  • Injetar Router no construtor do componente.
  • Utilizar o método navigate ou navigateByUrl para redirecionar.

Exemplo de redireção: 

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() {
    // Redirecionar para a rota '/home'
    this.router.navigate(['/home']);
  }
}
Tags:
angular
Compartilhar:
Criado por:
Author photo

Jorge García

Fullstack developer