add lazy loading angular code example
Example 1: creating a module with lazy loading in angular 9
ng g m customers --route customers --module app.module
Example 2: angular lazy loading
content_copy
const routes: Routes = [
{
path: 'customers',
loadChildren: () => import('./customers/customers.module').then(m => m.CustomersModule)
},
{
path: 'orders',
loadChildren: () => import('./orders/orders.module').then(m => m.OrdersModule)
},
{
path: '',
redirectTo: '',
pathMatch: 'full'
}
];
Example 3: angular lazy loading images
mport { Component } from '@angular/core';@Component({ selector: 'image', template: ` <img [defaultImage]="defaultImage" [lazyLoad]="image"> `})class ImageComponent { defaultImage = 'https://www.placecage.com/1000/1000'; image = 'https://images.unsplash.com/photo-1443890923422-7819ed4101c0?fm=jpg';}