在Angular 6/7/8中,使用loadChildren()
实现嵌套子路由时未显示的问题可能是由于以下原因造成的:
loadChildren()
来加载子模块,并且指定正确的子模块路径。例如:const routes: Routes = [
{ path: 'parent', loadChildren: './child/child.module#ChildModule' }
];
const routes: Routes = [
{ path: '', component: ChildComponent }
];
imports
数组中添加子模块:@NgModule({
imports: [
...
ChildModule
],
...
})
export class ParentModule { }
router-outlet
指令:在父组件的模板中,确保使用了router-outlet
指令来显示子组件。例如:
routerLink
),可能会与子路由配置冲突导致未显示。确保避免这种情况。如果以上解决方法仍然没有解决问题,可以考虑在浏览器控制台查看是否有任何错误信息,以便更好地理解问题所在。