无法在 Angular 10+ 中加载嵌套路由
Impossible to load nested routes in Angular 10+
就像我在标题中所说的那样，我在 Angular 中的嵌套路由有问题。
当我点击 url /rules/disciplines 我想加载 RulesComponent 和 DisciplinesComponent 但我只能加载规则之一。
我只是在两个组件的 ngOnInit 方法中都放了一个 console.log("Rules/DisciplinesComponent loaded") 并且只有 RulesComponent 有效。
这是我的 rules-routing.module.ts :
这是我的 discipline-routing.module.ts
您可以在我的 github 上找到完整代码：https://github.com/AntoineRenoux/BloodyNights-SPA/tree/dev/src/app/core/components/rules
注意select“开发”分支。
感谢阅读
根据您的源代码，您需要将 <router-outlet> 添加到 RulesComponent 模板，否则您无法加载子项。
我也在 github 上查看了您的代码。未添加到 rules.component.html 文件。
我刚刚解释了一些关于路由的更多信息:
当我们在模块上应用延迟加载时。比还需要添加模块组件。哪个组件将显示子模块。因为angular是单页应用。
就像我在标题中所说的那样，我在 Angular 中的嵌套路由有问题。
当我点击 url /rules/disciplines 我想加载 RulesComponent 和 DisciplinesComponent 但我只能加载规则之一。
我只是在两个组件的 ngOnInit 方法中都放了一个 console.log("Rules/DisciplinesComponent loaded") 并且只有 RulesComponent 有效。
这是我的 rules-routing.module.ts :
这是我的 discipline-routing.module.ts
您可以在我的 github 上找到完整代码：https://github.com/AntoineRenoux/BloodyNights-SPA/tree/dev/src/app/core/components/rules
注意select“开发”分支。
感谢阅读
根据您的源代码，您需要将 <router-outlet> 添加到 RulesComponent 模板，否则您无法加载子项。
我也在 github 上查看了您的代码。未添加到 rules.component.html 文件。
我刚刚解释了一些关于路由的更多信息:
当我们在模块上应用延迟加载时。比还需要添加模块组件。哪个组件将显示子模块。因为angular是单页应用。