在Angular2中,当我打开一个命名的插座时,如何导航到另一条路线并

发布时间：2020-12-17 17:40:00 所属栏目：安全来源：网络整理

导读：我正在使用命名插座来显示侧边栏.工作良好： a [routerLink]="['/',{outlets: {sidebar: 'profile'}}]" Open sidebar/a 我还有一个关闭侧边栏的链接.也工作正常： a [routerLink]="['/',{outlets: {sidebar: null}}]" Close/a 这是问题所在.我想要第三个链接

我正在使用命名插座来显示侧边栏.工作良好：

<a [routerLink]="['/',{outlets: {sidebar: 'profile'}}]">
    Open sidebar
</a>

我还有一个关闭侧边栏的链接.也工作正常：

<a [routerLink]="['/',{outlets: {sidebar: null}}]">
    Close
</a>

这是问题所在.我想要第三个链接,链接到联系人路线并关闭侧边栏.我试过这样做：

<a [routerLink]="['/contacts',{outlets: {sidebar: null}}]">
   Contacts
</a>

但是当我点击第三个链接时没有任何反应.

如何导航到另一条路线并同时删除指定的插座？

解决方法

事实证明,当关闭这样的指定插座时,您还必须指定主插座应该是什么.

所以第三个链接应如下所示：

<a [routerLink]="['/',{outlets: {sidebar: null},{primary: 'contacts'}}]">
   Contacts
</a>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!