Angular 8辅助路由将第二个路由器出口定义为子组件

Question

我在我的角度应用程序中设置第二个路由器出口时遇到问题。下面的图表展示了我想要实现的目标：

问题是即使我在路径以下的应用程序路由中声明了： {path:'componentH', component: ComponentH, outlet:'second'} 我收到一条错误消息，告诉我该应用程序找不到匹配的路径。

有人可以准备有关如何配置它的分步说明吗？我发现了很多示例，其中第二个路由器出口与主路由器出口声明在同一位置，但是我没有找到关于如何对子组件执行此操作的任何例子。

Answer 1

如果在同一级别仅使用一个<router-outlet>，则不需要使用命名的<router-outlet>，只需使用子路由。我为你提供一个例子。 https://stackblitz.com/edit/angular-y9bxfy?file=src%2Fapp%2Frouter-module.ts