角度路由-嵌套路由器插座(一个主+两个命名插座)-导航到第三个路由器插座时出错

时间:2020-06-07 17:42:09

标签: angular web angular-router angular9

我对嵌套的路由器插座有疑问。 我有三个路由器出口,其中两个被命名。

第二个路由器出口嵌套在主路由器出口内。第三个路由器出口嵌套在第二个路由器出口内。

所有路由器出口都通过不同的模块分开。 但是,当我尝试导航以激活第三个路由器出口时,总是收到一条错误消息,指出该路由不存在。

我在stackblitz上创建了一个示例:Example link

第二个路由器出口也可以正常工作,如“概述”路线所示。 “命令选项”路由出现问题。初始路由可以正常运行,但是当您单击“权限”时,将显示错误。

1 个答案:

答案 0 :(得分:1)

实际上,在这种情况下,您不需要命名路由器出口。您无需命名路由器插座即可实现此目的。您可以参考

https://medium.com/@aakashgarg19/the-art-of-nested-router-outlets-in-angular-dafb38245a30

用于了解没有命名路由器出口的嵌套路由。

如果您仍想去命名商店,请使用router.navigate语句,如下所示:-

this.router.navigate(["app",{ outlets: {server: ["commandOptions", {outlets: {"commandOptions": ["permissions"] }}]}}]);