How do you correctly configure lazy loading for a module named OrdersModule located at ./orders/orders.module.ts in Angular routing?

easy📝 Syntax Q3 of 15

Angular - Modules

How do you correctly configure lazy loading for a module named OrdersModule located at ./orders/orders.module.ts in Angular routing?

A{ path: 'orders', loadChildren: './orders/orders.module#OrdersModule' }

B{ path: 'orders', loadChildren: () => import('./orders/orders.module').then(m => m.OrdersModule) }

C{ path: 'orders', loadChildren: () => import('./orders.module').then(m => m.OrdersModule) }

D{ path: 'orders', loadChildren: () => require('./orders/orders.module').OrdersModule }

Step-by-Step Solution

Solution:

Step 1: Use dynamic import syntax
Angular requires dynamic import() for lazy loading modules.
Step 2: Specify correct path and module
The path must point to the module file, and the module class must be referenced correctly.
Final Answer:
{ path: 'orders', loadChildren: () => import('./orders/orders.module').then(m => m.OrdersModule) } -> Option B
Quick Check:
Dynamic import with correct path and module [OK]

Quick Trick: Use dynamic import with correct path [OK]

Common Mistakes:

Master "Modules" in Angular

9 interactive learning modes - each teaches the same concept differently

Want More Practice?

15+ quiz questions · All difficulty levels · Free

More Angular Quizzes