默认路由不工作[Angular4]
我什么都累了,但它只发生在这个项目上。我使用了相同的路由代码,但默认路由不起作用。我需要在代码中修复还是需要在其他地方修复 此代码位于app.moules.ts中:默认路由不工作[Angular4],angular,typescript,angular4-router,Angular,Typescript,Angular4 Router,我什么都累了,但它只发生在这个项目上。我使用了相同的路由代码,但默认路由不起作用。我需要在代码中修复还是需要在其他地方修复 此代码位于app.moules.ts中: 在路由中找到的第一个空路由重定向到/login 当您使用子组件时意味着您的父组件有自己的路由器出口 我假设LoginComponent位于路由的底部,因此路径也应该位于根。大概是这样的: export const AppRoutes: Routes = [ { path: '', redirectTo: '/lo
在路由中找到的第一个空路由重定向到
/login
当您使用子组件时
意味着您的父组件有自己的路由器出口
我假设LoginComponent位于路由的底部,因此路径也应该位于根。大概是这样的:
export const AppRoutes: Routes = [
{
path: '',
redirectTo: '/login',
pathMatch: 'full'
},
{
path: 'main',
component: AdminLayoutComponent,
children: [
{
path: '',
component: MainComponent,
data: {
breadcrumb: 'Main',
status: true
}
},
{
path: 'userterminal',
loadChildren: './userterminal/userterminal.module.ts#UserTerminalModule'
}
]
},
{
path: 'login',
component: LoginComponent
}
];
使用这样的结构,当您使用重定向时,它将找到路径,因为它位于根
使用,您可以从登录成功导航到main
。
请记住,如果您使用的是子组件,则父组件示例AdminLayoutComponent
必须有一个router outlet
,才能将其子组件加载到内部。您使用的是@angular/cli吗?默认路由的确切含义是什么?您的意思是将用户路由到登录页还是错误/404页?@NadhirFalta loginpage@pixelbits是的,版本1.3.1我想你的路线也有问题。当路径为空时,是否有任何原因希望始终将用户导航到登录页面?在同一级别上也有许多空路由。
export const AppRoutes: Routes = [
{
path: '',
redirectTo: '/login',
pathMatch: 'full'
},
{
path: 'main',
component: AdminLayoutComponent,
children: [
{
path: '',
component: MainComponent,
data: {
breadcrumb: 'Main',
status: true
}
},
{
path: 'userterminal',
loadChildren: './userterminal/userterminal.module.ts#UserTerminalModule'
}
]
},
{
path: 'login',
component: LoginComponent
}
];