从相同的URL访问加载两个组件 - Angular2路由

时间:2017-03-20 06:11:05

标签: angular angular2-routing

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

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

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

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

我在互联网上寻找这样做的方法。他们都有我需要的多个路由器插座,但这些插座都有自己的网址。 (单击链接后将显示对象)

以下是我遵循的教程之一。其中,一旦点击相关按钮,就会显示该人的信息。

http://onehungrymind.com/named-router-outlets-in-angular-2/

就我而言,我没有两个路由器插座的网址。但它们有两个独立的组件来操纵它们的数据。

我应该如何配置路线。我可以做一些像下面这样的事吗?

{ path: 'home', 
  components: [
     AdsComponent, 
     CategoryComponent
  ],
  outlet: // I don't know how to configure it
}

0 个答案:

没有答案