Angular 4^：如何拥有一个组件的多个子组件，每个子组件都指向自己的路由器出口

对于这个问题，我有孩子被加载到主路由器出口中，有没有一种方法可以一次加载多个孩子，并且每个孩子都被插入到自己的特殊出口中

比如：

父视图

<section class="main-parent">
      <router-outlet-child1></router-outlet-child1>
      <router-outlet-child2></router-outlet-child2>
</section>

---

我相信您可以使用指定的插座：

<router-outlet name="child1"></router-outlet>
<router-outlet name="child2"></router-outlet>

...

{
    path: 'parent-path', component: ParentComponent, children: [
       { path: '', component: Child1Component, outlet: 'child1' }, //to first outlet
       { path: '', component: Child2Component, outlet: 'child2' }, //to 2nd outlet
    ]
}

...
{
路径：“父路径”，组件：父组件，子组件：[
{路径：''，组件：child1组件，出口：'child1'}，//到第一个出口
{路径：''，组件：Child2Component，出口：'child2'}，//到第二个出口
]
}

---

我相信您可以使用指定的插座：

<router-outlet name="child1"></router-outlet>
<router-outlet name="child2"></router-outlet>

...

{
    path: 'parent-path', component: ParentComponent, children: [
       { path: '', component: Child1Component, outlet: 'child1' }, //to first outlet
       { path: '', component: Child2Component, outlet: 'child2' }, //to 2nd outlet
    ]
}

...
{
路径：“父路径”，组件：父组件，子组件：[
{路径：''，组件：child1组件，出口：'child1'}，//到第一个出口
{路径：''，组件：Child2Component，出口：'child2'}，//到第二个出口
]
}

---

啊，看来你比我先了一步，我将删除我的答案：）哦，angular有一些奇怪的好东西。我知道这不是问题的一部分，但如果您知道有任何性能问题，您能否就此添加一些性能评论。我不知道Angular和Routing方面存在任何性能问题（Angular的好处是，他们怀疑这是有原因的）。但是如果你说的是纯粹的DOM性能，当然如果你有一堆组件同时进行大量的DOM操作/更改检测，但是我怀疑你是否能达到这个规模。我唯一能想到的另一件事是，如果模块没有延迟加载，那么初始加载时间可能会变慢，除非你正在构建一个大型应用程序，否则我不会担心……啊，看起来你比我快，我会删除我的答案：）哦，angular有一些奇怪的好东西。我知道这不是问题的一部分，但如果您知道有任何性能问题，您能否就此添加一些性能评论。我不知道Angular和Routing方面存在任何性能问题（Angular的好处是，他们怀疑这是有原因的）。但是如果你说的是纯粹的DOM性能，当然如果你有一堆组件同时进行大量的DOM操作/更改检测，但是我怀疑你是否能达到这个规模。我唯一能想到的另一件事是，如果模块不是延迟加载的，那么初始加载时间可能会变慢，除非你正在构建一个大型应用程序，否则我不会担心。。。