2017-05-16 7 views
2

これまでのところ、名前付きルーターのアウトレットe.xで遅延ロードを使用したデモが見つかりませんでした。 <router-outlet name="view"></router-outlet>。私は成功なしでそれを働かせる方法を見つけるために大慌てを作った。どんな助けでも大歓迎です。 View1を、VIEW2とView3上記の例では名前付きルーターのアウトレットを遅延ロードする

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

デフォルトルータ出口にロードされた遅延です。 View3_1とView3_2は、名前を付けられたルータのコンセントに遅延なくロードされます。

+0

あるこの

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

を持っています。 – Shivi

+0

名前付きルータ出口での角度4遅延ロードの重複の可能性があります(https://stackoverflow.com/questions/ https://plnkr.co/edit/bhPyG3?p=preview)。 47482230/angular-4-lazy-loading-with-named-rouアウトコンセントが作動しない) –

答えて

0

私はそれを実行しようとしましたが、持っていた:

約束拒否:ルートの無効な設定「をyourRouteName」:componentlessルートは、私たちが名付け使用するときに名前のコンセントが

を設定することはできませんルータアウトレットには、モジュールではなくコンポーネントが必要です。 プロキシコンポーネントの回避策はあり、私はそれが(=不可能だと思うが、私はそれを必要とする

0

: 私たちは、プロキシルートコンポーネントは、単にあなたのplunkrを更新しました

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

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

これは実用的だと思われる。これを行った後の洞察/警告プランナーを見るのが大好きです。 – nullsteph

関連する問題