Angular-дағы маршруттау сілтемелері

Алдыңғы сабақтарда біз URL мекенжай жолын қолмен енгіздік. Енді әртүрлі компоненттерді көрсететін сілтемелер жасайық.

Ол үшін біз сілтемелерді ерекше түрде жасаймыз. Мәселе мынада, бізге шынымен сілтемелер арқылы өту қажет емес. Біз тек Angular-дың басқа компонентті көрсетуін, браузердің мекенжай жолындағы URL-ді өзгертуін және бұл ретте бетті жаңартпауын қалаймыз.

Сондықтан туған href атрибутының орнына biz Angular атрибуты RouterLink-ді қолданамыз.

Ол үшін біз оны импорттауымыз керек:

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

Декораторда көрсету керек:

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

Енді біз өз сілтемелерімізді жасай аламыз:

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

Компоненттеріңізді ауыстыратын сілтемелер жасаңыз.