Angular හි URL හරියටම ගැලපීම

ගුණාංගය routerLinkActive යනු සත්‍ය ගැලපීමක් පරීක්ෂා නොකර, අර්ධ ගැලපීමක් පරීක්ෂා කරයි. උදාහරණයක් ලෙස, අපගේ සබැඳි මෙසේ පෙනෙනවා යැයි සිතමු:

<nav>
	<a
		routerLink="/blog/"
		routerLinkActive="active"
	>
		Aaaa
	</a>
	<a
		routerLink="/blog/page/"
		routerLinkActive="active"
	>
		Bbbb
	</a>
</nav>

මෙම අවස්ථාවේදී, අපි URL එකේ සිටින්නේ නම් /blog/page/ සබැඳි දෙකම ශෛලීකරණය කරනු ඇත.

සබැඳි ලිපින සත්‍ය ගැලපීමක් සඳහා පරීක්ෂා කිරීමට ගුණාංගය routerLinkActiveOptions භාවිතයෙන් බලකළ හැකිය. එය භාවිතා කරන ආකාරය බලන්න:

<nav>
	<a
		routerLink="/blog/"
		routerLinkActive="active"
		[routerLinkActiveOptions]="{exact:true}">
			Aaaa
	</a>
	<a
		routerLink="/blog/page/"
		routerLinkActive="active"
		[routerLinkActiveOptions]="{exact:true}">
			Aaaa
	</a>
</nav>

පෙරනිමියෙන්, සබැඳි සත්‍ය ගැලපීම අල්ලා නොගන්නා බව පරීක්ෂා කරන්න.

සබැඳි සත්‍ය ගැලපීම පරීක්ෂා කිරීමට බලකරන්න.