Angular 5子路由空路径覆盖根空路径?

时间:2017-11-16 20:04:11

标签: routing angular5

我尝试了以下设置。

根路由:

const routes: Routes = [
    {path: 'home', loadChildren: 'app/home/home.module#HomeModule'},
    {path: 'note', loadChildren: 'app/note/note.module#NoteModule'},
    ...
    {path: '', redirectTo: 'home', pathMatch: 'full'},
    {path: '**', redirectTo: 'home', pathMatch: 'full'}
];

export const Routing: ModuleWithProviders = RouterModule.forRoot(routes);

一个孩子的路线:

const routes: Routes = [
    {path: '', component: NoteContainerComponent},
    ...
];

export const NoteRouting: ModuleWithProviders = RouterModule.forChild(routes);

因此,如果我导航到localhost:4200我希望被重定向到localhost:4200 / home但是没有发生url重定向但是加载了note注释。如果我执行像localhost:4200 / note这样的操作,那么空注释路由不应该匹配吗?子路由中的所有路由只应在子项的父项已加载时应用。

儿童路线上是否有空路径?

1 个答案:

答案 0 :(得分:4)

所以我终于找到了这个问题,我有一些模块,我想在我的根模块中加载lazy。这导致了这个问题,因为RouterModule.forChild已应用为.forRoot