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.