Explain the Router and lazy loading.
01
01
Understand the problem
routing
02
02
Attempt it yourself
Sketch your approach before reading the solution — that's what interviews test.
Stuck? AI Nudge Available
Get a conceptual hint to guide your logic without spoiling the final implementation.
03
03
Study the solution
The solution is waiting
Give it an honest attempt first — then compare your thinking with the full walkthrough.
04
04
Read the code
Routes with a lazy-loaded component
import { Routes } from '@angular/router';
export const routes: Routes = [
{ path: '', component: HomeComponent },
{ path: 'users/:id', component: UserComponent },
{
path: 'admin',
// loaded only when /admin is visited → separate chunk
loadComponent: () => import('./admin.component').then(m => m.AdminComponent),
},
{ path: '**', redirectTo: '' }, // wildcard / not-found
];
// bootstrapApplication(App, { providers: [provideRouter(routes)] });
class HomeComponent {} class UserComponent {}05
05
Join the discussion
Discussion (0)
Sign in to join the discussion.
No responses yet. Be the first to share what you think.