How to lazy load modules in Angular

Question

If you want to lazy loading modules, what syntax will you use?

Accepted Answer

```jsx
const routes: Routes = [
 {
    path: 'items',
    loadChildren: () => import('./items/items.module').then(m => m.ItemsModule)
  }
];
```

Accepted Answer

```jsx
const routes: Routes = [
 {
    path: 'items',
    loadChildren: () => import('./items/items.module')
  }
];
```

Answer

```jsx
const routes: Routes = [
 {
    path: 'items',
    loadChildren: import('./items/items.module')
  }
];
```

Answer

```jsx
const routes: Routes = [
 {
    path: 'items',
    loadChildren: import('./items/items.module').then(m => m.ItemsModule)
  }
];
```

Question from the Angular test