子路由中的参数

Question

在我的Angular 4应用程序中，我有一个路由：

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

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

我有这样的路线：

this.router.navigate(['/ticketBundle', this.code , {action: 'copy'}]);

如何路由到子组件？

我知道查询参数 /ticketBundle/1;action=copy 但我不希望路径格式如下： {{1}}

Answer 1

我认为你的意思不是不同的模块，而是不同的组件。

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

]