Angular-та дәл сәйкес сілтемелер

routerLinkActive атрибуты шын мәнінде URL-ді толық емес, жартылай сәйкестік бойынша тексереді. Мысал ретінде біздің сілтемелеріміз былай көрінейік:

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

Бұл жағдайда, егер біз /blog/page/ URL-інде болсақ, екі сілтеме де стильденген болады.

Сілтеме мекенжайларын дәл сәйкестік бойынша тексеруге мәжбүр ету үшін routerLinkActiveOptions атрибутын қолдануға болады. Оны қалай қолдану керектігін қараңыз:

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

Әдепкі бойынша сілтемелер дәл сәйкестікті ұстамайтынын тексеріңіз.

Сілтемелерді дәл сәйкестікті тексеруге мәжбүр етіңіз.