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>

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