Question

我正在尝试在命名插座内呈现的组件的某些网格上打开展开的项目。为此，我为我的命名出口路径创建了一个子代。

我正在使用Angular 7，并且已经尝试了其他文章中的一些指南。似乎也可以通过仅指定另一个出口来实现。

路由：

{
  path: 'my-path',
  outlet: 'view',
  component: MyComponent,
  data: {
    animation: 'bottom-left-scale'
  },
  children: [
  {
    path: 'project',
    component: ExpandedProjectComponent
  }]
}

HTML格式：

<app-project [id]="project.id" [thumbnail]="project.thumbnail" [name]="project.name" [routerLink]="[{outlets: { view: 'my-path/project' }}]">
</app-project>

但是尝试导航到该错误时

错误错误：未被捕获（承诺）：错误：无法匹配任何路由。 URL段：“ my-path”。

使用跟踪这样显示-url: "/(view:my-path/(view:my-path/project))"，其中应扩展项目。我如何导航到/(view:my-path/project)或/(view:my-path)/project之类的东西？

Answer 1

因此，从routerLink指令尝试失败。但是使用router.navigate是可行的。

app.routing.ts 保持不变。

ExpandedProjectComponent

openProject(id) {
    this.router.navigate('project', {relativeTo: this.route});
}

从命名出口导航到子路由器

1 个答案: