延迟加载指定的路由器插座

时间:2017-05-16 13:18:06

标签: angular lazy-loading router router-outlet

到目前为止,我还没有在指定的路由器插座e.x中找到一个延迟加载的工作演示。 <router-outlet name="view"></router-outlet>。我找了一个方法让它工作没有成功。任何帮助将不胜感激。

https://plnkr.co/edit/EW3PZUMC63euf2QYxtW5?p=preview

在上面的示例中,View1,View2和View3在默认路由器插槽中延迟加载。 View3_1和View3_2在指定的路由器插槽中延迟加载但没有成功。

2 个答案:

答案 0 :(得分:0)

我曾尝试过这样做,但得到了:

  

承诺拒绝:路由'yourRouteName'的配置无效:无组件路由不能具有指定的插座集

当我们使用命名路由器插座时,它需要组件,而不是模块。 我认为这是不可能的=(但我需要它。

答案 1 :(得分:0)

有一个代理组件解决方法: 我们有这个

 {
        path: 'me',
        outlet: 'hub',
        component: ProxyRouteComponent,
        children: [
            {
                path: '',
                loadChildren: 'hub#HubModule',
            },
        ],
    },

代理路由组件只是

import { Component } from '@angular/core';

@Component({
    selector: 'b-proxy-route',
    template: '<router-outlet></router-outlet>',
})
export class ProxyRouteComponent {
}