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

Question

我正在玩指定的商店，我注意到以下代码有效，只有当它在另一个商店外面时，才会将我发送到请求的页面但。

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

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

我不愿意在智能人员所做的事情上调用一个错误，所以我假设 是一种在点击指定插座中呈现的组件时在主插座中路由的方法。但是如何？

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

Answer 1

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

<div routerLink="/banana">