Avatar ·

Cómo determinar la ruta (route) activa en Angular? Determinación de la URL activa y resaltado de enlaces

¡Hola a todos! Soy nuevo en Angular (versión 15) y estoy intentando hacer un menú de navegación con resaltado del elemento activo. Tengo un componente con varios enlaces: ```typescript // navigation.component.ts import { Component } from '@angular/core'; @Component({ selector: 'app-navigation', template: ` ` }) export class NavigationComponent {} ``` Quiero que el enlace activo reciba la clase CSS `active` (por ejemplo, negrita o un color diferente). Intenté usar `routerLinkActive` — parece que funciona, pero no exactamente como esperaba. A veces se resaltan varios enlaces al mismo tiempo, especialmente cuando tengo rutas anidadas. Por ejemplo, al navegar a `/users/123` se resalta tanto `/users` como `/dashboard` (si el dashboard tiene la ruta `''`). También necesito determinar programáticamente en el componente qué ruta