angular - 带有routerLink的angular2未设置插座

Question

我的模板如下所示：

<router-outlet></router-outlet>
<router-outlet name="rightpanel"></router-outlet>

假设我的网址是：

/#/page1(rightpanel:panel)

我想切换到 page2 并使用 routerLink 指令删除辅助插座。我尝试了以下方法：

[routerLink]="['/page2', {outlets: {rightpanel: null}}
[routerLink]="['/page2', {outlets: {}}

在这两种情况下，页面都切换到 page2，但rightpanel仍处于活动状态。我可以解决的唯一方法是将以下代码放入page2的构造函数中：

this.router.navigate([{outlets: {rightpanel: null}}]);

由于许多原因，这不是一个好的解决方案。

使用角度 2.4.3，路由器 3.4.3

Answer 1

您需要设置主要出口，而不仅仅是 URL。就我个人而言，这似乎是非常奇怪的行为，但您可以通过以下方式使其工作：

[routerLink]="[{outlets: { primary: 'page2', rightpanel: null }}]"

根据文档，primary是未命名插座的名称。