Pautan untuk Routing dalam Angular

Dalam pelajaran sebelumnya, kami menaip URL secara manual pada bar alamat. Sekarang mari kita buat pautan yang, apabila diklik, akan memaparkan pelbagai komponen.

Untuk ini, kami akan membuat pautan dengan cara yang istimewa. Masalahnya ialah kami tidak memerlukan peralihan sebenar melalui pautan. Kami hanya mahu Angular memaparkan komponen lain, menukar URL dalam bar alamat pelayar dan pada masa yang sama tidak menyegarkan halaman.

Oleh itu, daripada menggunakan atribut asli href kami akan menggunakan atribut Angular RouterLink.

Untuk ini, kami perlu mengimpornya:

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

Nyatakan dalam decorator:

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

Sekarang kami boleh membuat pautan kami:

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

Buat pautan yang menukar komponen anda.