Appunti Angular 17

Caricamento dei componenti

Normalmente i componenti dell'applicazione vengono tutti caricati all'avvio di questa. E' però possibile caricarne alcuni solo quando è necessario così da velocizzare l'applicazione. Questo è possibile farlo nel file app.routes.ts come spiegato qui sotto.


export const routes: Routes = [
{ path:'caffe', component:CaffeComponent },
{ path:'te', component:TeComponent }
{ path:'tisana',loadComponent: () => import('./tisana/tisana.component').then(c => c.TisanaComponent) },];
I primi 2 componenti vengono caricati all'avvio dell'applicazione, mentre il componente TisanaComponent verrà caricato solo se viene richiesto.