Toчно совпаѓање на адреси во Angular

Атрибутот routerLinkActive всушност не проверува за точно совпаѓање на URL-то, туку за делумно. Нека за пример нашите врски изгледаат вака:

<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>

Проверете дека стандардно, врските не проверуваат точно совпаѓање.

Направете врските да проверуваат точно совпаѓање.