Untuk membuat route di Angular, pertama-tama Anda perlu menginstal dan mengimport Angular Router ke aplikasi Anda.

  1.  Instal Angular Router dengan menjalankan perintah npm install @angular/router atau yarn add @angular/router di terminal Anda.
  2. Import Angular Router ke aplikasi Anda dengan menambahkan baris ini di bagian atas file app.module.ts:
  3. Buat sebuah array yang berisi objek-objek route yang akan digunakan dalam aplikasi Anda. Setiap objek route memiliki properti path yang menentukan URL yang akan dihandle oleh route tersebut, dan component yang menentukan komponen Angular yang akan ditampilkan saat route tersebut diakses. Misalnya:
  4. Tambahkan array route yang telah dibuat ke dalam metode imports dari objek @NgModule di file app.module.ts. Juga tambahkan RouterModule.forRoot(appRoutes) sebagai salah satu item di dalam array imports.
  5. Tambahkan element <router-outlet> ke dalam template komponen yang akan menjadi "shell" aplikasi Anda, di mana konten dari komponen yang dihandle oleh route akan ditampilkan. Misalnya:
Setelah mengikuti langkah-langkah di atas, Anda sudah dapat membuat dan mengelola route di Angular. Semoga membantu!