Angular 如何在另一条辅助路线内使用辅助路线？

我有一个问题，我没有找到任何文档。这是关于路由器的。我有一个类似于下图的东西：

<router-outlet> <!-- Primary router-->
     <app-main> <!-- Top-level component-->
       <router-outlet name="projects"> <!-- Auxiliary router-->
         <app-projects>
           <router-outlet name="steps">
             <app-steps></steps>
           </router-outlet> 
         </app-projects>
        </router-outlet>
     </app-main>
</router-outlet>

如果我想在名为“projects”的路由器出口内导航，我只需要这样做：

 this.router.navigate(['/home', {outlets: {'projects': 'all'}}]);

我的问题是：如何在名为step的路由器出口内导航？我到处都找不到语义。

---

谢谢您的帮助。

有几种选择：

this.router.navigate(['/home', { outlets: { 'primary': ['all'], 'steps': ['somewhere'] } } ]);

因此，在上面的示例中，您移动了两个插座，一级插座和一级插座

您也可以对链接执行相同的操作：

<a [routerLink]="['/home', { outlets: { 'primary': ['all'], 'steps': ['somewhere'] } } ]">Link Name</a>

---

非常感谢您的回答：）Netheress，我的确切解决方案是：this.router.navigate（['/home'，{outlets:{'projects':['all'，{outlets:{'steps':[all]}}]）；一个路由器在另一个路由器中：）更好的是，新学到的东西会记住这一点。很高兴能帮上一点忙！

<a [routerLink]="['/home', { outlets: { 'primary': ['all'], 'steps': ['somewhere'] } } ]">Link Name</a>

navThere(): void {
  this.router.navigate(['/home']).then(nav => {
    this.router.navigate(['', { outlets: { primary: ['all'], 'steps': ['somewhere'] } }]);
  });
}