Utilizzare la nuova sintassi per specificare il lazy loading in Angular 8

di Stefano Mostarda, in HTML5, Angular,

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.

Commenti

Visualizza/aggiungi commenti

| Condividi su: Twitter, Facebook, LinkedIn

Per inserire un commento, devi avere un account.

Fai il login e torna a questa pagina, oppure registrati alla nostra community.

Approfondimenti

I più letti di oggi