Роутинг барои пайвандҳо дар 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>

Пайвандҳоеро созед, ки компонентҳои шуморо иваз мекунанд.