Di default, Angular offre il lazy loading a livello di modulo. Questo significa che possiamo decidere di caricare un modulo solo quando questo viene usato invece che caricarlo allo startup dell'applicazione. Fino ad Angular 7, la sintassi per caricare il modulo in modalità lazy è basata su una stringa custom. A partire da Angular 8, questa sintassi è stata modificata utilizzando il metodo import.

La sintassi fino ad Angular 7 è la seguente.

loadChildren: './my-module/my.module#MyModule'

La parte dell'url fino al carattere '#' si riferisce al percorso del file contenente il modulo, mentre la parte successiva specifica il nome del modulo.

Con Angular 8 la sintassi diventa così.

loadChildren: () => import('./my-module/my.module').then(m => m.MyModule)

Il metodo import prende in input il percorso del file del modulo e torna una promise all'interno della quale specifichiamo la classe del modulo.