angular loadchildren失效

如果在routing 文件中配置如下

const routes: Routes = [{
  path: '', component: GraphSchemaComponent,
  children:[
    {
      path: 'graph-schema-designer',
      loadChildren: './graph-schema-designer/graph-schema-designer.module#GraphSchemaDesignerModule'
      // loadChildren: () => import("./graph-schema-designer/graph-schema-designer.module").then(m => m.GraphSchemaDesignerModule)
    }
  ]
}]

如果想要url导航到“graph-schema-designer”,显示对应的graph-schema-designer.module模块,则需要在html文件添加路由占位符,因为children实在GraphSchemaComponent组件里的,你需要在这个组件对应模板添加
router-outlet当作占位符,才可以显示

当然你可以将路由改为

const routes: Routes = [
  {
    path: '', component: GraphSchemaComponent,
  },
  {
    path: 'graph-schema-designer',
    loadChildren: './graph-schema-designer/graph-schema-designer.module#GraphSchemaDesignerModule'
    // loadChildren: () => import("./graph-schema-designer/graph-schema-designer.module").then(m => m.GraphSchemaDesignerModule)
  }
];

这个时候路由就跳出GraphSchemaComponent,然后直接来到graph-schema-designer.module模块

你可能感兴趣的:(angular loadchildren失效)