2017-05-16 63 views
2

到目前爲止,我還沒有在一個命名的路由器插座e.x中找到一個延遲加載的工作演示。 <router-outlet name="view"></router-outlet>。我已經做出了一個決定,想辦法讓它工作而沒有成功。任何幫助將非常感激。延遲加載一個命名的路由器插座

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

在上述視圖1,視圖2和VIEW3的例子是延遲加載在默認路由器出口。 View3_1和View3_2被延遲加載到命名的router-outlet中,但沒有成功。

+0

更新您的plunkr到https://plnkr.co/edit/bhPyG3?p=preview,因爲它有一些錯誤。 – Shivi

+0

可能重複[Angular 4延遲加載與命名router-outlet不工作](https://stackoverflow.com/questions/ 47482230 /角-4-延遲加載與 - 命名ROU ter-outlet-not-working) –

回答

0

我曾試圖做到這一點,但得到:

承諾拒絕:路線「yourRouteName」的無效配置:一componentless路線不能有一個名爲插口組

當我們使用命名它需要組件,而不是一個模塊。 我認爲這是不可能=(但我如此需要它

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 { 
} 
+0

這似乎是可行的。這樣做後的任何見解/警告?很樂意看到一個暴徒。 – nullsteph

相關問題