时间戳

首页 > 解决方案 > Angular 8 Auxiliary Routes 将第二个路由器出口定义为子组件

angular - Angular 8 Auxiliary Routes 将第二个路由器出口定义为子组件

问题描述

我在我的 Angular 应用程序中设置第二个路由器插座时遇到问题。下面是一个图表，展示了我想要实现的目标： 在此处输入图像描述

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

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

标签： angularangular8

解决方案

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

推荐阅读