Angular · BoardGamesNook · Programowanie

Navigation bar i Routes

Jakiś czas temu, w trakcie debuggowania aplikacji zauważyłam dziwną rzecz. Mianowicie po wybraniu z menu opcji Stoły do gier lub Moje stoły do gier, obydwie pozycje były podświetlone. Wyglądało to tak:

navbar_wrong

A html tak:

navbar_html

 

Jak widać, obydwa elementy  mają klasę active. Jak to możliwe?

 

Ano łatwo zauważyć, że obywa elementy mają taki sam kontroler (początek url – gameTables). Wystarcza więc, że url zgadza się częściowo – i już obydwa elementy zostają przyporządkowane do jednego worka. Żeby temu zapobiec, należy dodać odpowiedni atrybut w elemencie zawierającym routerLink (w moim przypadku w elemencie a).

[routerLinkActiveOptions]="{exact: true}"

Dokumentację możecie przeczytać tutaj.

Po zmianach okazało się, że działa poprawnie:

navbar_ok

One thought on “Navigation bar i Routes

Skomentuj

Wprowadź swoje dane lub kliknij jedną z tych ikon, aby się zalogować:

Logo WordPress.com

Komentujesz korzystając z konta WordPress.com. Wyloguj / Zmień )

Zdjęcie z Twittera

Komentujesz korzystając z konta Twitter. Wyloguj / Zmień )

Zdjęcie na Facebooku

Komentujesz korzystając z konta Facebook. Wyloguj / Zmień )

Zdjęcie na Google+

Komentujesz korzystając z konta Google+. Wyloguj / Zmień )

Connecting to %s