Angular 单子路由的角度参数化路由

Angular 单子路由的角度参数化路由,angular,routes,angular11,Angular,Routes,Angular11,我正在使用Angular 11中的路线: { path: '', component: LandingpageComponent, pathMatch: 'full' }, { path: 'upload', component: TemplateLeftPanelComponent, children: [ { path: 'company/:companyId', loadChildren: () => import('./mod

我正在使用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: '/'
},
我希望它做什么:

  • URL:
    /upload/
    应该
    • /upload panel.module
      装入插座
      面板
    • 将插座
      content
      留空
  • URL:
    /upload/company/123
    应该
    • /upload panel.module
      加载到 插座
      面板
    • /upload.模块
      加载到插座
      内容
它的作用:

  • URL:
    /upload/
    不允许
    • 将插座
      面板保持空白
    • 将插座
      content
      留空
  • URL:
    /upload/company/123
    • 重定向到
      /