如何解决使用参数和出口重定向到子路由时,角度路由错误找不到参数
{
path: "projects/:projectKey",component: ProjectComponent,canActivate: [AuthGuard],children: [
{ path: "artifacts",component: ArtifactsListComponent,outlet: "project-outlet",canActivate: [AuthGuard] },{ path: "experiments",component: ExperimentsListComponent,{
path: "experiments/:experimentKey",component: ExperimentDetailsComponent,},{ path: "runs",component: RunsListComponent,{
path: "",redirectTo: "/projects/:projectKey/(project-outlet:experiments)",pathMatch: "full",],
导航到 http://localhost:4200/projects/project-x
时,我收到以下错误:
Error: Uncaught (in promise): Error: Cannot redirect to '/projects/:projectKey/(project-outlet:experiments)'. Cannot find ':projectKey'.
Error: Cannot redirect to '/projects/:projectKey/(project-outlet:experiments)'. Cannot find ':projectKey'.
at ApplyRedirects.findPosParam (router.js:2865)
如果我直接导航到 http://localhost:4200/projects/project-x/(project-outlet:experiments)
一切正常。
stackblitz 链接:https://stackblitz.com/edit/angular-ivy-jcdaq1?file=src/app/app-routing.module.ts
此外,如果我将 redirectTo
从 "/projects/:projectKey/(project-outlet:experiments)"
更改为没有 "/projects/project-x/(project-outlet:experiments)"
之类参数的路径,它似乎可以工作。
任何人都有在子组件的 redirectTo 路径中包含参数和出口的解决方案?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。