无法从 Angular 的命名插座中呈现的组件路由到主插座

Question

我正在使用命名的网点，我注意到以下代码有效，将我发送到请求的页面但只有当它在另一个网点之外时。

<div routerLink="banana">Working Banana</div>

当上面的代码是主要出口内呈现的标记的一部分时，路由会按预期发生。但是，从在其中一个命名插座中呈现的组件完成的相同路由请求似乎根本不起作用。

我不愿意在更聪明的人所做的事情上调用错误，所以我假设当单击在命名插座中呈现的组件时，有一种在主插座中路由的方法.但是怎么做呢？

有关工作和不工作香蕉的演示，请参阅here at StackBlitz。是的，我用谷歌搜索过。但是要为这些东西找到一个好的组合键并不容易......

Answer 1

问题是routerLink="banana" 执行相对于当前路线的导航。虽然您似乎想导航到domain.com/banana，但为此您需要绝对导航。要使其免除导航，只需添加一个正斜杠：

<div routerLink="/banana">