gpt4 book ai didi

Angular 5 无法匹配延迟加载模块的命名导出上的任何路由

转载 作者:太空狗 更新时间:2023-10-29 17:32:22 26 4
gpt4 key购买 nike

<分区>

我的根模块的路由是这样的:

        RouterModule.forRoot([
{ path: '', redirectTo: 'management-portal', pathMatch: 'full' },
{ path: 'management-portal', loadChildren: './xxx/management-portal.module#ManagementPortalModule', canActivate: [AuthGuard] },
{ path: 'login', component: LoginComponent },
{ path: '**', component: NotFoundComponent }
], {
enableTracing: true
})

它按预期工作,我可以在登录后路由到 ManagementPortalModule。让我们看一下我的延迟加载的 ManagementPortalModule。

有一个命名的路由器导出。

 <router-outlet name='sub'></router-outlet>

我在 ManagementPortalModule 中的路由。

    RouterModule.forChild([
{
path: '', component: ManagementPortalComponent,
children: [
{ path: '', component: Test1Component, outlet: 'sub' },
{ path: 'test2', component: Test2Component, outlet: 'sub' }
]
}
])

它可以在开头加载'sub' outlet 中的Test1Component。我想在单击链接时路由到 Test2Component

<a  [routerLink]="[{ outlets: { sub: ['test2'] } }]"></a>

生成的网址

/management-portal/(sub:test2)

点击后没有任何反应,然后我试了一下

<a [routerLink]="['',{ outlets: { sub: ['test2'] } }]">

网址

/management-portal(sub:test2)

根据 this,我认为 url 的格式正确, 然后点击就出错了

Cannot match any routes. URL Segment: 'test2'

请帮忙,非常感谢!

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com