Angular Routing - 嵌套的路由器插座（一个主插座+两个命名插座）--导航到第三个路由器插座时出错。

Question

我有一个关于嵌套路由器插座的问题，我有三个路由器插座，其中两个被命名为。

第二台路由器插座嵌套在主路由器插座内，第三台路由器插座嵌套在第二台路由器插座内。第三台路由器插座嵌套在第二台路由器插座内。

然而，当我试图导航激活第三个路由器出口时，我总是得到一个错误的路由不存在。

我已经在stackblitz上创建了一个例子。示例链接

从 "Overview "路径可以看出，第二个路由器出口工作得很好。问题出现在 "命令选项 "路径上。最初的路由工作正常，但当你点击 "权限 "时，会出现错误。

Answer 1

其实在这种情况下，你不需要命名路由器插座，你可以不用命名路由器插座。你可以参考

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

如果你仍然想使用命名的出口，请使用router.navigate这样的语句:-。

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