Angular 9 路由器同时连接到 2 个插座

编程问答 2022-06-02

问题描述

  1. 如何将 routerLink 链接到主路由器插座和辅助（侧边栏）路由器插座？

我有：

<a [routerLink]="['',{outlets: {sidebar: 'filters' }}]">FILTERS</a>
<a [routerLink]="['home']">HOME</a>

当我尝试将其合并为一个链接时：

<a [routerLink]="['home',{outlets: {sidebar: 'filters' }}]">HOME</a>

它指向 /home/(sidebar:filters) - 这是断开的链接。

这是我的 Stackblitz。

  1. 有没有办法让两个路由出口用一个链接加载它们的组件而没有这个丑陋的网址？ 我尝试过这种方法：https://stackoverflow.com/a/42204114/1351452，但它似乎不起作用。

  2. 也许对于绑定到特定路由（或路由集）的侧边栏，我应该使用 ngIf 指令，我会比较路由以选择正确的组件吗？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

angularangular-routerangular-routerlinkangular9