Anguar 中使用路由懒加载

// app-routing.module.ts
const routes: Route[] = [
  {
    path: 'app',
    loadChildren: () => import(m => m.DemoModule)
  }
]

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

// demo-routing.module.ts
const routes: Route[] = [{ path: '', component: DemoComponent }] // 此处注意path为空字符串

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

// demo-module.ts
@NgModule({ imports: [DemoRoutingModule], daclarations: [DemoComponent] })
export class DemoModule {}
posted @ 2020-12-26 21:07  kemplaw  阅读(66)  评论(0)    收藏  举报