Comment déterminer la route active dans Angular ? Détermination de l'URL active et mise en évidence des liens
Bonjour à tous ! Je suis nouveau dans Angular (version 15) et j'essaie de créer un menu de navigation avec mise en évidence de l'élément actif. J'ai un composant avec plusieurs liens :
```typescript
// navigation.component.ts
import { Component } from '@angular/core';
@Component({
selector: 'app-navigation',
template: `
`
})
export class NavigationComponent {}
```
Je veux que le lien actif reçoive la classe CSS `active` (par exemple, une police en gras ou une couleur différente). J'ai essayé d'utiliser `routerLinkActive` — cela semble fonctionner, mais pas exactement comme je le souhaite. Parfois, plusieurs liens sont mis en évidence en même temps, surtout lorsque j'ai des routes imbriquées. Par exemple, en naviguant vers `/users/123`, à la fois `/users` et `/dashboard` sont mis en évidence (si le tableau de bord a le chemin `''`).
J'ai également besoin de déterminer programmatiquement quelle route est active dans le composant.