[英]routing is not working for different routes while using lazy loading in Angular 6
实际上我在我的应用程序中建立延迟加载时遇到了问题。 我正在使用 angular 6. 这是场景-
在我的 app-routing.module.ts 我有以下路线 -
const appRoutes: Routes = [
{
path: '',
redirectTo: 'dashboard', pathMatch: 'full'
},
{
path:'home',
loadChildren: './main/home/home.module#HomeModule'
}
{ path: '**', redirectTo: '/404' }
];
在我的 home.module.ts 中,我有这条路线-
常量路线:路线= [
{
path: '',
component: HomeComponent
},
{
path:'list',
component: ListComponent
}
];
现在想像下面一样导航-
我可以导航到 HomeComponent 但无法导航到 ListComponent。任何人都可以帮助我如何实现这一目标。 谢谢
为了访问延迟加载路由列表,唯一的方法是通过主路由 aka (localhost:4200/home/list)
const appRoutes: Routes = [
{
path: '',
redirectTo: 'dashboard', pathMatch: 'full'
},
{
path:'home',
loadChildren: './main/home/home.module#HomeModule'
},
{ path: '**', redirectTo: '/404' }
];
const routes: Routes = [
{
path: '',
component: HomeComponent
},
{
path:'list',
component: ListComponent
}
];
根据您提供的代码,home 模块下的所有组件都将以路由前缀 home 开头。 启动应用程序后,您可以使用以下方式访问登录组件:
http//:localhost:4200/home/列表
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.