Tautan untuk Routing di Angular

Dalam pelajaran sebelumnya, kita mengetikkan URL secara manual ke bilah alamat. Sekarang mari kita buat tautan yang, ketika diklik, akan menampilkan berbagai komponen.

Untuk ini, kita akan membuat tautan dengan cara yang khusus. Masalahnya adalah kita tidak membutuhkan pergantian halaman yang sesungguhnya. Kita hanya ingin Angular menampilkan komponen lain, mengubah URL di bilah alamat browser, dan tanpa memuat ulang halaman.

Oleh karena itu, alih-alih menggunakan atribut bawaan href kita akan menggunakan atribut khas Angular RouterLink.

Untuk itu, kita perlu mengimpornya:

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

Deklarasikan dalam dekorator:

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

Sekarang kita dapat membuat tautan kita:

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

Buatlah tautan yang dapat mengalihkan komponen-komponen Anda.