当路由处于活动状态时，将 lazy-loaded 组件放入 parent

Question

我有一个 header 和一个 space 组件，具体取决于当前处于活动状态的路线。 如果我在 "shop" 中，该组件将是一个购物车，如果我在 profile-section 中，该组件可能是一个通知中心。 但是如果我只是将组件 "shopping cart" 放在 header 中，模块 "shop" 总是会被加载，即使我在 profile-section.

中也是如此

我想在 parent 模块中动态放置延迟加载模块的组件。任何人都知道如何实现这一目标？

Answer 1

好的，我终于找到了解决办法。其实没那么难:

使用auxiliary Routes：

我现在可以在我的模块商店中进行配置了：

{path: '', component: ShoppingCartOverviewComponent, outlet: 'headerToolbar'}

在我的 header 中：

<router-outlet name="headerToolbar" ></router-outlet>

所以我可以在 parent 中动态放置一个延迟加载模块的组件。