Detectar la ruta actual en Angular 2 (ruta activa)

Hoy vamos a aprender a detectar la ruta actual en Angular 2, es decir, que ruta está activa en el momento actual dentro de una plantilla del proyecto.

Es sencillo, veamos un ejemplo:

<a [routerLink]="['/prueba']" [routerLinkActive]="['elemento-activado']">

Esto significa que cuando estemos en la ruta /prueba le vamos a poner una clase elemento-activado al enlace. También podríamos utilizar routerLinkActive de manera aislada en cualquier elemento y pondremos una clase de css al elemento html cuando detecte la ruta actual en la que estamos.

Pues con esto ya sabemos como detectar la ruta actual en Angular 2 cuando usamos el routing en un proyecto.

Victor

Autor: Victor

Desarrollador web - Formador online - Blogger

Compartir este post

Poner un comentario

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