Pencocokan Tepat Alamat di Angular
Atribut routerLinkActive sebenarnya
tidak memeriksa URL untuk kecocokan tepat,
tetapi untuk kecocokan parsial. Misalnya, mari
anggap tautan kita terlihat seperti ini:
<nav>
<a
routerLink="/blog/"
routerLinkActive="active"
>
Aaaa
</a>
<a
routerLink="/blog/page/"
routerLinkActive="active"
>
Bbbb
</a>
</nav>
Dalam kasus ini, jika kita berada di URL
/blog/page/, kedua tautan akan
tergaya (mendapatkan style aktif).
Untuk memaksa memeriksa alamat tautan untuk
kecocokan tepat, kita dapat menggunakan atribut routerLinkActiveOptions.
Lihat cara menggunakannya:
<nav>
<a
routerLink="/blog/"
routerLinkActive="active"
[routerLinkActiveOptions]="{exact:true}">
Aaaa
</a>
<a
routerLink="/blog/page/"
routerLinkActive="active"
[routerLinkActiveOptions]="{exact:true}">
Aaaa
</a>
</nav>
Verifikasi bahwa secara default tautan tidak memeriksa kecocokan tepat.
Buatlah tautan-tautan tersebut memeriksa kecocokan tepat.
