我有3級路由:app.module
>admin.module
>manage-users.module
。配置角路由問題
由於某種原因,匹配''
的URL路徑重定向到manage-users.module
而不是HomeComponent
的''
路徑。
我在app.routing以下路線:
export const ROUTES: Routes = [
{
path: '',
redirectTo: '/home',
pathMatch: 'full'
},
{
path: 'home',
component: HomeComponent
},
{
path: 'admin',
loadChildren: './admin/admin.module#AdminModule'
{
path: 'details',
loadChildren: './details/details.module#DetailsModule'
},
{
path: 'search',
loadChildren: './search/search.module#SearchModule'
},
{
path: 'contact',
loadChildren: './contact/contact.module#ContactModule'
},
];
@NgModule({
imports: [
RouterModule.forRoot(
ROUTES,
{ enableTracing: true, useHash: true, preloadingStrategy: NoPreloading } // <-- debugging purposes only
)
],
exports: [
RouterModule
]
})
export class AppRoutingModule {}
我的管理路由:
const adminRoutes: Routes = [
{
path: 'admin',
component: AdminComponent,
children: [
{
path: '',
canActivateChild: [ AdminGuard ],
children: [
{ path: 'users',
loadChildren: './manage-users/manage-users.module#ManageUsersModule'
},
{
path: '',
component: AdminDashboardComponent
}
]
},
],
canActivate: [ AdminGuard ]
},
];
@NgModule({
imports: [ RouterModule.forChild(adminRoutes) ],
exports: [ RouterModule ]
})
export class AdminRoutingModule {
}
我的管理用戶的路由:
const manageUsersRoutes: Routes = [
{
path: '',
component: ManageUsersComponent,
}
];
@NgModule({
imports: [ RouterModule.forChild(manageUsersRoutes) ],
exports: [ RouterModule ]
})
export class ManageUsersRoutingModule {
}
這些模塊的導入數組是什麼樣的? – DeborahK
他們聲明和導出他們自己的組件內的功能。 – Moshe
我想他想知道如何在您的功能模塊導入內部配置路由器模塊。因爲它看起來像是在覆蓋你的路線。您確定您在要素模塊導入中使用了'RouterModule.forChild'嗎? – cyrix