Přesná shoda adres v Angular
Atribut routerLinkActive ve skutečnosti
kontroluje URL ne na přesnou shodu,
ale na částečnou. Předpokládejme pro příklad, že naše
odkazy vypadají takto:
<nav>
<a
routerLink="/blog/"
routerLinkActive="active"
>
Aaaa
</a>
<a
routerLink="/blog/page/"
routerLinkActive="active"
>
Bbbb
</a>
</nav>
V tomto případě, pokud jsme na URL
/blog/page/, budou stylovány oba
odkazy.
Přinutit kontrolovat adresy odkazů na přesnou
shodu lze pomocí atributu routerLinkActiveOptions.
Podívejte se, jak jej používat:
<nav>
<a
routerLink="/blog/"
routerLinkActive="active"
[routerLinkActiveOptions]="{exact:true}">
Aaaa
</a>
<a
routerLink="/blog/page/"
routerLinkActive="active"
[routerLinkActiveOptions]="{exact:true}">
Aaaa
</a>
</nav>
Ověřte, že ve výchozím nastavení odkazy nehlídají přesnou shodu.
Přinuťte odkazy kontrolovat přesnou shodu.
