Angular 2/4 - routerLinkActive funktioniert nicht richtig
Ich habe ein Problem mit meinem RouterLinkActive.
Hier sind zwei Gifs zu erklären.
- Erstes Problem: Wenn ich die App starte, gibt keiner der routerLinkActive die Klasse aktiv. Aber wenn ich auf eine andere Route klicke, funktioniert das endlich.
- Wenn ich zuerst auf die aktuelle Route klicke, wird die Klasse nicht angezeigt.
Hier ist mein Code:
%Vor%Hier ist der Baum meiner Route. (in rot die Komponente genannt)
und mein Routencode:
%Vor%und menuItem ist:
%Vor%Weißt du, was mein Problem sein kann?
BEARBEITEN:
Ich habe es versucht:
absolute Route. zB:
%Vor%mit
%Vor%und
%Vor%Und das Ergebnis ist das gleiche. Funktioniert nicht.
EDIT2:
hinzufügen:
[routerLinkActiveOptions]="{genau: wahr}" zu:
%Vor%löst das Problem nicht.
EDIT3:
Die Erweiterung Augury sagt mir, dass routerLink für die gute Route stimmt. Aber die Klasse ist nicht im DOM aktiviert.
EDIT4:
Also, ich habe etwas erforscht.
Ich habe festgestellt, dass, wenn ich meine menuComponent (sidebar) in den Elternstamm, das funktioniert, ich die aktive Klasse angezeigt wird ( Aber ich möchte es nicht in das übergeordnete legen) )
EDIT5:
Ich habe einen Fehler gemacht ... Und der Plünderer funktioniert ... Ich verstehe es nicht.
3 Antworten
Sieht so aus, als ob die HomeComponent lazy geladen ist. Sie müssen Ihre Routen nicht in die root-Komponente verschieben. Versuchen Sie einfach, das RouterModule zur Root-Komponente hinzuzufügen.
Weitere hier
Tags und Links angular routerlink routerlinkactive