Latihan 1 dari materi Lazy Loading Angular di Angular — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Starter-nya sudah punya import { Routes } from '@angular/router' dan export const routes: Routes = []. Biarkan keduanya, lalu isi array itu dengan satu rute:
path: 'admin'.loadComponent diisi fungsi panah yang memanggil import('./admin/admin.component'), lalu mengambil class-nya dengan .then(m => m.AdminComponent).{
path: 'admin',
loadComponent: () =>
import('./admin/admin.component').then(m => m.AdminComponent),
},
Jangan tulis import { AdminComponent } ... di atas file. File ./admin/admin.component gak ada di editor; import() di dalam fungsi gak pernah dipanggil karena gak ada yang membuka /admin, jadi gak ada error.
Yang dicek:
loadComponent dan import(.path: 'admin' dan loadComponent: ada di rute yang sama.loadComponent: diisi fungsi panah yang langsung memanggil import(.import(): .then(m => m.AdminComponent).
