从同一url访问加载两个组件-Angular2路由

从同一url访问加载两个组件-Angular2路由,angular,angular2-routing,Angular,Angular2 Routing,我正在使用Angular2开发一个单页应用程序。在我的主页中,我需要显示两个对象列表。例如,类别列表和广告列表 访问URL时,我需要两个列表在同一页面中显示内容。我无法在同一组件中填充这两个列表,因为我需要在选择类别后更新广告列表 我计划做的是在我的app.component.html中创建两个并行路由器出口。这两个路由器出口将由两个不同的组件处理 <router-outlet name="category-list"> </router-outlet> <rout

我正在使用Angular2开发一个单页应用程序。在我的主页中,我需要显示两个对象列表。例如,类别列表和广告列表

访问URL时,我需要两个列表在同一页面中显示内容。我无法在同一组件中填充这两个列表,因为我需要在选择类别后更新广告列表

我计划做的是在我的
app.component.html
中创建两个并行路由器出口。这两个路由器出口将由两个不同的组件处理

<router-outlet name="category-list"> </router-outlet>
<router-outlet name="ad-list"> </router-outlet>

你可以将两者都包装到一个组件中,并在路由中引用你的意思是在一个组件中加载两个列表,并拥有一个单独的路由器出口?用你的代码更新帖子,我会尝试修复它
{ path: 'home', 
  components: [
     AdsComponent, 
     CategoryComponent
  ],
  outlet: // I don't know how to configure it
}