Angular да адресларни аниқ мос келиши

routerLinkActive атрибути аслида URL манзилни аниқ мос келишни эмас, балки қисман мос келишини текширади. Мисол учун бизнинг ҳаворалар шунақа кўринишда бўлсин:

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

Бундай ҳолда, агар биз /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>

Ҳаворалар су́нъий ҳолда аниқ мос келишни текширмаслигини тасдиқланг.

Ҳаворалар аниқ мос келишни текшириши учун созланг.