Angular2嵌套路由器出口到组件html

Question

Angular 2，路由器的最新版本。在app.component.html中，我有一个名为：

的路由器插座

<router-outlet name="nameA"></router_outlet>

在这个插座中，我加载了一个组件A.在组件A的.html模板中，我有另一个插座，我想要加载组件B：

<router-outlet name="nameB"></router_outlet>

我使用命令式方法导航：

navigate([{ outlets: { nameA:  ['AComp'] } }]);
navigate([{ outlets: { nameB:  ['BComp'] } }]);

这是路由器：

{ path: "AComp", component: AComp, outlet:"nameA" },
{ path: "BComp", component: BComp, outlet:"nameB" }

但是当我尝试加载B组件时，我收到“无法找到插座名称B来加载'BComp'。我试图让BComp成为路由器中AComp的子项，但我无法弄清楚如何。 感谢