Penyesuaian Tepat URL dalam Angular
Atribut routerLinkActive sebenarnya
tidak menyemak URL untuk penyesuaian tepat,
tetapi untuk penyesuaian separa. Katakan sebagai contoh
pautan kami kelihatan seperti ini:
<nav>
<a
routerLink="/blog/"
routerLinkActive="active"
>
Aaaa
</a>
<a
routerLink="/blog/page/"
routerLinkActive="active"
>
Bbbb
</a>
</nav>
Dalam kes ini, jika kita berada di URL
/blog/page/, kedua-dua pautan
akan digayakan.
Untuk memaksa semakan alamat pautan untuk penyesuaian tepat
boleh dilakukan dengan menggunakan atribut routerLinkActiveOptions.
Lihat bagaimana menggunakannya:
<nav>
<a
routerLink="/blog/"
routerLinkActive="active"
[routerLinkActiveOptions]="{exact:true}">
Aaaa
</a>
<a
routerLink="/blog/page/"
routerLinkActive="active"
[routerLinkActiveOptions]="{exact:true}">
Aaaa
</a>
</nav>
Pastikan bahawa secara lalai, pautan tidak menangkap penyesuaian tepat.
Paksa pautan untuk menyemak penyesuaian tepat.
