Ռաութինգի հղումներ Angular-ում

Նախորդ դասերում մենք ձեռքով մուտքագրում էինք URL-ը հասցեային տողում: Հիմա եկեք ստեղծենք հղումներ, որոնց վրա կտտացնելիս կցուցադրվեն տարբեր կոմպոնենտներ:

Դրա համար մենք հղումները կստեղծենք հատուկ կերպով: Բանն այն է, որ մեզ իրական անցում հղումներով պետք չէ: Մենք ուղղակի ցանկանում ենք, որ Angular-ը ցույց տա մեկ այլ կոմպոնենտ, փոխի URL-ը բրաուզերի հասցեային տողում և այդ պահին չթարմացնի էջը:

Ուստի բնիկ href ատրիբուտի փոխարեն մենք կօգտագործենք Angular-ի RouterLink ատրիբուտը:

Դրա համար մենք պետք է այն իմպորտենք.

import { RouterLink } from '@angular/router';

Նշենք դեկորատորում.

@Component({
	......
	imports: [RouterOutlet, RouterLink],
	......
})

Հիմա մենք կարող ենք ստեղծել մեր հղումները.

<nav>
	<a routerLink="/aaaa/">
		Aaaa
	</a>
	<a routerLink="/bbbb/">
		Bbbb
	</a>
</nav>

Կատարեք հղումներ, որոնք փոխում են ձեր կոմպոնենտները: