angular - 子路由中的参数

Question

在我的 Angular 4 应用程序中，我的路由如下：

ticketBundles/:code/copy和ticketBundles/:code

如何路由到此特定视图以及如何检索正确的代码？这两个页面不同，所以我需要加载不同的模块。

我有这样的路线：

export const TicketBundleRoutes: Routes = [
  {
    path: '',
    component: TicketBundleListComponent
  },
  {
    path: 'new',
    component: TicketBundleNewComponent
  },
  {
    path: ':code',
    component: TicketBundleDetailComponent,
    children: [
      {
        path: 'copy',
        component: TicketBundleNewComponent
      }
    ]
  }
];

如何路由到子组件？

我知道查询参数 this.router.navigate(['/ticketBundle', this.code , {action: 'copy'}]); ，但我不希望路径格式如下： /ticketBundle/1;action=copy

Answer 1

我假设您的意思不是不同的模块，而是不同的组件。

 [
      {
        path: 'ticketBundles/:code',
        component: TicketComponent,
        children: [
          {
            path: 'copy',
            component: SomeOtherComponent
          }
        ]
      }

]