Angular में यूआरएल की सटीक मिलान

routerLinkActive एट्रिब्यूट वास्तव में यूआरएल की सटीक मिलान के बजाय आंशिक मिलान की जांच करता है। उदाहरण के लिए, मान लें कि हमारे लिंक इस तरह दिखते हैं:

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

जांचें कि डिफ़ॉल्ट रूप से लिंक सटीक मिलान नहीं करते हैं।

लिंक्स को सटीक मिलान की जांच करने के लिए बनाएं।