角度路由延迟加载与路由前缀匹配以加载子项

Question

我正在尝试为不同的模块进行延迟加载，并且正在尝试将路由前缀与加载模块相匹配。但它不起作用，它适用于确切的 url，但不适用于前缀。我正在使用角度 6.1。

此代码不起作用

{
path: 'account',
component: AuthComponent,
children: [
{
path: '',
loadChildren: './modules/auth/auth.module#AuthModule'
}
{
path: '**',
loadChildren: './modules/auth/auth.module#AuthModule'
}
]
},

并且此代码工作正常

{
path: 'account',
component: AuthComponent,
children: [
{
path: '',
loadChildren: './modules/auth/auth.module#AuthModule'
},
{
path: 'login',
loadChildren: './modules/auth/auth.module#AuthModule'
},
{
path: 'register',
loadChildren: './modules/auth/auth.module#AuthModule'
},
{
path: '**',
loadChildren: './modules/auth/auth.module#AuthModule'
}
]
},

我是否必须为加载模块映射每条路线？

这些是我尝试加载的模块中的路由。

const routes = [
{
path: '',
component: LoginComponent,
data: {
title: 'login'
}
},
{
path: 'login',
component: LoginComponent,
data: {
title: 'login'
}
},
{
path: 'register',
component: RegisterComponent,
data: {
title: 'register'
}
},
{
path: 'admin/login',
component: LoginComponent,
data: {
title: 'Admin login'
}
}
];

提前谢谢。

Answer 1

尝试如下：

主模块

{
path: 'account', loadChildren: './modules/auth/auth.module#AuthModule'
},

AuthModuleRouting

const routes = [
{
path: '', component: AuthComponent,
},
{
path: 'login',
component: LoginComponent,
data: {
title: 'login'
}
},
{
path: 'register',
component: RegisterComponent,
data: {
title: 'register'
}
},
{
path: 'admin/login',
component: LoginComponent,
data: {
title: 'Admin login'
}
}
];