Question

我有两条路线。每个都指向延迟加载的模块的空路径。

export const appRoutes: Routes = [
    {path: 'files', loadChildren: './company/company.module#CompanyModule'},
    {path: 'lookup', loadChildren: './lookup/lookup.module#LookupModule'}
];

模块的路线如下所示：

export const companyRoutes: Routes = [
    { path: '', component: ClientFilesComponent}
];

export const companyRouting: ModuleWithProviders = RouterModule.forChild(companyRoutes);

export const lookupRoutes: Routes = [
    { path: '', component: LookupListComponent}
];

export const lookupRouting: ModuleWithProviders = RouterModule.forChild(lookupRoutes);

第一部作品，第二部作品不是。我可以看到Lookup模块正在加载，但LookupListComponent永远不会被创建。没有错误或消息。

如果我在Lookup路由中添加另一个级别，它就会开始工作

{ path: 'list', component: LookupListComponent}

现在/ lookup / list有效。但是/ lookup没有。

我不喜欢“查找”这个词的想法。这是问题所在。还有什么呢？

谢谢。

Answer 1

更改companyRoutes＆amp; lookupRoutes如下：

<强> companyRoutes

export const companyRoutes: Routes = [
    {
        path: '',
        children: [
            path: '',
            component: ClientFilesComponent
        ]
    }
];

<强> lookupRoutes

export const lookupRoutes: Routes = [
    {
        path: '',
        children: [
            path: '',
            component: LookupListComponent
        ]
    }
];

希望这会对你有所帮助。

调试Angular2路由

1 个答案: