Angular Route 默认辅助路由

Question

当我读到 Angular Router 的辅助路由时，它被讨论为一组“独立”的路由。但是，我正在尝试创建“依赖”路线。例如:

/home -> HomeComponent, WelcomeComponent
/about -> AboutComponent, SearchComponent
/products -> ProductsComponent, ProductListComponent
/pricing -> PricingComponent, WelcomeComponent

我希望能够像下面的代码一样指定主(页面)路由，并根据我上面的示例加载这两个组件(AboutComponent、SearchComponent)。

<a routerLink="/about">About</a>

当我使用以下内容时，我可以加载这两个组件:

<a [routerLink]="[{ outlets: { primary: ['about'], sidebar: ['search'] } }]">
    Products List
</a>

但是，我真的不想让链接知道辅助路由。我希望它自动提供。如果配置正确，这可能吗？或者这是否需要我扩展 RouteModule 来执行此操作？

编辑:

我必须满足的另一个要求是让对等体彼此保持联系。网站的布局使得第二个组件不在主要组件内。

Answer 1

我最终在标题为“无组件路由”的部分下找到了我的答案:https://vsavkin.tumblr.com/post/146722301646/angular-router-empty-paths-componentless-routes

这是该链接中的代码示例:

[
  {
    path: 'team/:id',
    component: TeamParentComponent,
    children: [
      {
        path: '',
        component: TeamListComponent
      },
      {
        path: '',
        component: TeamDetailsComponent,
        outlet: 'details'
      }
    ]
  }
]