angular - 单个子路由的角度参数化路由

Question

我在 Angular 11 中使用路由：

{
  path: '',
  component: LandingpageComponent,
  pathMatch: 'full'
},
{
  path: 'upload',
  component: TemplateLeftPanelComponent,
  children: [
    {
      path: 'company/:companyId',
      loadChildren: () => import('./modules/upload/upload.module').then(m => m.UploadModule),
      outlet: 'content'
    },
    {
      path: '',
      loadChildren: () => import('./modules/upload/upload-panel/upload-panel.module').then(m => m.UploadPanelModule),
      outlet: 'panel'
    },
  ]
},
{
  path: '**',
  redirectTo: '/'
},

我想要它做什么：

• 网址：/upload/应该
  • 装入/upload-panel.module插座 panel
  • 将出口content留空
• 网址：/upload/company/123应该
  • 装入/upload-panel.module插座panel
  • 装入/upload.module插座content

它能做什么：

• 网址：/upload/确实
  • 将出口panel留空
  • 将出口content留空
• 网址：/upload/company/123确实
  • 重定向到/

标签： angularroutesangular11