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>

Ўз компонентларингизни алмаштирадиган ссылкалар язинг.