Тачно поклапање адреса у 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>

Проверите да подразумевано везе не проверавају тачно поклапање.

Натерајте везе да проверавају тачно поклапање.