Configuración del módulo de direccionamiento raíz de la aplicación

El módulo de direccionamiento raíz predeterminado en una aplicación Angular es app-routing.module.ts. Debe configurar el módulo de direccionamiento raíz, app routing.module.ts, de la aplicación.

El módulo app-routing.module.ts se importa en app.module.ts. Diferentes aplicaciones pueden tener diferentes módulos como su base o módulo de direccionamiento principal. Este procedimiento presupone que el módulo de direccionamiento raíz de la aplicación consumidora está definido en app-routing.module.ts. Se aplican los mismos convenios para cualquier otro módulo de direccionamiento raíz.

Se recomienda utilizar módulos cargados perezosos. Cada módulo de característica es un módulo con carga perezosa y tiene su propio direccionamiento para manejar la navegación a páginas individuales.

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';

const routes: Routes = [{
    path: 'home',
    loadChildren: () => import('./features/home/home.module').then(m => m.HomeModule)
},
{
path: '',
redirectTo: 'home',
pathMatch: 'full'
}];

@NgModule({
    imports: [RouterModule.forRoot(routes)],
    exports: [RouterModule]
})
export class AppRoutingModule { }