HINWEIS Hier gibt es viele verschiedene Antworten, und die meisten waren zu der einen oder anderen Zeit gültig. Tatsache ist, dass sich das, was funktioniert, mehrmals geändert hat, als das Angular-Team seinen Router geändert hat. Die Router 3.0-Version, die irgendwann @ sein wida router in Angular macht viele dieser Lösungen kaputt, bietet aber eine sehr einfache eigene Lösung. Ab RC.3 ist die bevorzugte Lösung die Verwendung von[routerLinkActive] wie gezeigt indiese Antwort.

Wie können Sie in einer Angular-Anwendung (aktuell in der Version 2.0.0-Beta.0, wie ich dies schreibe) feststellen, welche Route gerade aktiv ist?

Ich arbeite an einer App, die Bootstrap 4 verwendet, und ich benötige eine Möglichkeit, Navigationslinks / -schaltflächen als aktiv zu markieren, wenn die zugehörige Komponente in einem @ angezeigt wir<router-output> Etikett

Ich erkenne, dass ich den Status selbst beibehalten könnte, wenn eine der Schaltflächen angeklickt wird, aber das würde nicht den Fall abdecken, dass mehrere Pfade zu derselben Route führen (z. B. ein Hauptnavigationsmenü sowie ein lokales Menü in der Hauptnavigation) Komponente)

Anregungen oder Links wäre dankbar. Vielen Dank