如果在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模块