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
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Verificare la provenienza di un commit tramite le GitHub Actions
Usare le variabili per personalizzare gli stili CSS
Visualizzare le change sul plan di Terraform tramite le GitHub Actions
Utilizzare i primary constructor in C#
Utilizzare i primary constructor di C# per inizializzare le proprietà
Cache policy su route groups di Minimal API in ASP.NET Core 7
Accesso sicuro ai secrets attraverso i file in Azure Container Apps
Usare lo spread operator con i collection initializer in C#
Gestire errori funzionali tramite exception in ASP.NET Core Web API
Utilizzare politiche di resiliency con Azure Container App
Determinare lo stato di un pod in Kubernetes
Eseguire una query su SQL Azure tramite un workflow di GitHub