Pontos URL egyezés az Angular-ban
A routerLinkActive attribútum
valójában nem pontos, hanem részleges
egyezést ellenőriz a URL-ben. Tegyük fel,
hogy a linkjeink így néznek ki:
<nav>
<a
routerLink="/blog/"
routerLinkActive="active"
>
Aaaa
</a>
<a
routerLink="/blog/page/"
routerLinkActive="active"
>
Bbbb
</a>
</nav>
Ebben az esetben, ha a
/blog/page/ URL-en vagyunk,
mindkét link stílusozva lesz.
A linkek címének pontos egyezésre
történő ellenőrzését a routerLinkActiveOptions
attribútummal érhetjük el.
Nézd meg, hogyan kell használni:
<nav>
<a
routerLink="/blog/"
routerLinkActive="active"
[routerLinkActiveOptions]="{exact:true}">
Aaaa
</a>
<a
routerLink="/blog/page/"
routerLinkActive="active"
[routerLinkActiveOptions]="{exact:true}">
Aaaa
</a>
</nav>
Ellenőrizd, hogy alapértelmezetten a linkek nem nézik a pontos egyezést.
Állítsd be a linkeket a pontos egyezés ellenőrzésére.
