Angular - Routing
How can you combine lazy loading with child routes to optimize loading of a nested feature module 'settings' under 'dashboard' route?
How can you combine lazy loading with child routes to optimize loading of a nested feature module 'settings' under 'dashboard' route?
hard🚀 Application Q9 of 15
Step-by-Step Solution
Solution:
Step 1: Understand lazy loading with child routes
You can lazy load a child route by using loadChildren inside the children array of a parent route.Step 2: Apply to 'dashboard' and 'settings'
Place 'settings' route inside 'dashboard' children with loadChildren pointing to the settings module.Final Answer:
Use loadChildren in 'dashboard' route's children array for 'settings' path. -> Option DQuick Check:
Lazy load child routes with loadChildren inside children [OK]
Quick Trick: Lazy load nested routes using loadChildren in children array [OK]
Common Mistakes:
MISTAKES- Defining lazy loaded routes eagerly
- Placing loadChildren outside children array
- Lazy loading only at root level
Master "Routing" in Angular
Want More Practice?
15+ quiz questions · All difficulty levels · Free
Free Signup - Practice All QuestionsMore Angular Quizzes