当路由处于活动状态时,将延迟加载的组件放在父级中

时间:2018-02-15 12:45:34

标签: angular lazy-loading angular5

我有一个带有组件空间的标头,具体取决于当前活动的路由。 如果我在" shop"该组件将是一个购物车,如果我在配置文件部分,该组件可能是一个通知中心。 但是,如果我只是放置组件"购物车"在标题中,模块" shop"总是被加载,即使我在个人资料部分。

我想在父模块中动态放置一个延迟加载模块的组件。谁知道如何实现这一目标?

1 个答案:

答案 0 :(得分:0)

好的,我终于找到了解决方案。其实并不那么难:

使用auxiliary Routes

我现在可以在我的模块商店配置:

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

并在我的标题中:

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

所以我可以动态地将延迟加载模块的组件放在父级中。