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.