Presiese Adres-ooreenstemming in Angular
Die attribuut routerLinkActive kyk eintlik
nie na presiese ooreenstemming van die URL nie,
maar na gedeeltelike ooreenstemming.
Laat ons byvoorbeeld sê ons skakels lyk so:
<nav>
<a
routerLink="/blog/"
routerLinkActive="active"
>
Aaaa
</a>
<a
routerLink="/blog/page/"
routerLinkActive="active"
>
Bbbb
</a>
</nav>
In hierdie geval, as ons op die URL
/blog/page/ is, sal albei skakels gestileer wees.
Om die skakeladresse op presiese ooreenstemming te laat kontrolleer,
kan jy die attribuut routerLinkActiveOptions gebruik.
Kyk hoe om dit te gebruik:
<nav>
<a
routerLink="/blog/"
routerLinkActive="active"
[routerLinkActiveOptions]="{exact:true}">
Aaaa
</a>
<a
routerLink="/blog/page/"
routerLinkActive="active"
[routerLinkActiveOptions]="{exact:true}">
Aaaa
</a>
</nav>
Verifieer dat skakels nie standaard presiese ooreenstemming vang nie.
Laat die skakels presiese ooreenstemming kontrolleer.
