我正在使用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
}