Obtener la ruta actual en Angular

Obtener la ruta actual en Angular

En este tutorial, aprenderemos cómo obtener la ruta actual en Angular.

Para obtener la ruta actual, necesitamos importar un Router objeto de la @angular/router paquete y tiene url propiedad que posee el route path.

Aquí un ejemplo:

contacto.componente.ts

import { Component, OnInit } from "@angular/core";
import { Router } from "@angular/router";
@Component({
  selector: "app-contact",
  templateUrl: "./contact.component.html",
  styleUrls: ["./contact.component.css"],
})

export class ContactComponent implements OnInit {

  
  constructor(private route: Router) {}
  ngOnInit() {
      console.log(this.route.url);  }

}

En el código anterior, primero importamos un Router del paquete "@angular/router" y lo inyectó en el contact Componiendo.

En el interior de ngOnInit() método, accedemos a la ruta de la ruta usando this.route.url bienes.

Ahora ejecute el servidor de desarrollo angular y navegue hasta el localhost:4200/contactverá la ruta actual en la consola del navegador de esta manera.

Si quieres conocer otros artículos parecidos a Obtener la ruta actual en Angular puedes visitar la categoría Tutoriales.

Deja un comentario

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

Subir

Esta página web utiliza cookies para analizar de forma anónima y estadística el uso que haces de la web, mejorar los contenidos y tu experiencia de navegación. Para más información accede a la Política de Cookies . Ver mas