Interview Questions

1. What is lazy loading in Angular?

Lazy loading is one of the most powerful and useful concepts of Angular Routing. It makes the web pages easy to download by downloading them in chunks instead of downloading everything in a big bundle. Lazy loading facilitates asynchronously loading the feature module for routing whenever required using the property loadChildren.

See the following example where we are going to load both Employee and Order feature modules lazily.

See the example:

const routes: Routes = [  

  {  

    path: 'employees',  

    loadChildren: () => import('./employees/employees.module').then(module => module.EmployeesModule)  

  },  

  {  

    path: 'orders',  

    loadChildren: () => import('./orders/orders.module').then(module => module.OrdersModule)  

  },  

  {  

    path: '',  

    redirectTo: '',  

    pathMatch: 'full'  

  }  

];  

By Md Riyazuddin 2 0
Is this helpful? Yes No

Submit an interview question

Submitted questions and answers are subject to review and editing, and may or may not be selected for posting, at the sole discretion of w3Sniff.

Get Started

Comments

Leave a Comment


Check out more interview questions

Based on your skills

MS SQL Server

2392758 1720 39 859

Angular

62414 92 0 46

Wordpress

52480 72 1 36