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