Angular2 Router dose not working when load modules loadload

I have a router definition like this:

const routes: Routes = [
{
    "path": "member",
    "loadChildren": "app/member/member.module#MemberModule"
},
{
    "path": "",
    "loadChildren": "app/video/video.module#VideoModule"
},
{
    "path": "**",
    "redirectTo": ""
}
]

      

        
        
        
      

    

The MemberRouter definition is as follows:

const routes: Routes = [
{
    "path": "order",
    "component": MemberComponent,
    "loadChildren": "app/member/order/order.module#OrderModule"
},
{
    "path": "",
    "component": MemberComponent,
    "loadChildren": "app/member/index/index.module#IndexModule"
}
]

      

        
        
        
      

    

The definition of OrderRouter is as follows:

const routes: Routes = [
{
    "path": "list",
    "outlet": "member",
    "component": OrderComponent,
    "loadChildren": "app/member/order/list/list.module#ListModule"
},
{
    "path": "",
    "outlet": "member",
    "component": OrderComponent
}
]

      

        
        
        
      

    

The ListRouter definition is as follows:

const routes: Routes = [
{
    "path": "",
    "outlet": "order",
    "component": ListComponent
}
]

      

        
        
        
      

    

Dose does not work in "/ member / order / list"

It works in "/ member / order"

The "OrderRouter" rules cannot be matched when the "MemberRouter" is lazy loaded.

Dose "loadChildren" doesn't work when nested

Please help me solve, thanks!

Plunger Demo Press the product / part / item button to not work.