Lidhjet për Routing në Angular

Në mësimet e mëparshme, ne kemi shkruar URL në shiritin e adresave manualisht. Tani le të krijojmë lidhje, duke klikuar të cilat do të shfahen komponentë të ndryshëm.

Për këtë, ne do t'i bëjmë lidhjet në një mënyrë të veçantë. Çështja është se nuk na duhet një kalim i vërtetë nëpër lidhje. Ne thjesht dëshirojmë që Angular të shfaqë një komponent tjetër, të ndryshojë URL në shiritin e adresave të shfletuesit dhe në të njëjtën kohë të mos e rifreskojë faqen.

Prandaj, në vend të atributit origjinal href ne do të përdorim atributin e Angular-it RouterLink.

Për këtë, ne duhet ta importojmë atë:

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

Të deklarojmë në dekorator:

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

Tani ne mund t'i krijojmë lidhjet tona:

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

Krijoni lidhje që ndërrojnë komponentët tuaj.