[Solved] Given this route config:{ path: 'dashboard', loadChildren: () => import('./dashboard/dashboard.module').then(m => m.DashboardModule) }What happens when the user navigates to '/dashboard'? | Angular

Angular - Modules

Given this route config:

{ path: 'dashboard', loadChildren: () => import('./dashboard/dashboard.module').then(m => m.DashboardModule) }

What happens when the user navigates to '/dashboard'?

ADashboardModule is loaded immediately when app starts

BDashboardModule is never loaded automatically

CDashboardModule is loaded but its components are not rendered

DDashboardModule is loaded only when '/dashboard' route is accessed

Step-by-Step Solution

Solution:

Step 1: Understand lazy loading behavior
Modules with loadChildren load only when their route is visited.
Step 2: Apply to given route
DashboardModule loads only when user navigates to '/dashboard'.
Final Answer:
DashboardModule is loaded only when '/dashboard' route is accessed -> Option D
Quick Check:
Lazy load triggers on route access = DashboardModule is loaded only when '/dashboard' route is accessed [OK]

Quick Trick: Lazy load triggers on route navigation [OK]

Common Mistakes:

Master "Modules" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

Given this route config: