2017-11-26 4 views
0

マイルート上の任意のルートを照合することはできません。怠惰に読み込まれたManagementPortalModuleを見てみましょう。角度5は、このようなものです遅延ロードされたモジュールの名前の流出ルートモジュールの

ルータ出口があります。

<router-outlet name='sub'></router-outlet> 

My Route in ManagementPortalModule。

RouterModule.forChild([ 
    { 
    path: '', component: ManagementPortalComponent,   
    children: [    
     { path: '', component: Test1Component, outlet: 'sub' }, 
     { path: 'test2', component: Test2Component, outlet: 'sub' }    
    ] 
    }   
]) 

Test1Componentを最初に 'sub'コンセントに読み込むことができます。私がクリックしたとき:(TEST2サブ)

何も起こらなかった私は、リンク

<a [routerLink]="[{ outlets: { sub: ['test2'] } }]"></a> 

/管理ポータル/が生成されたURLをクリックしたとき、私はTest2Componentへのルートにしたいです。そして、私が試した

<a [routerLink]="['',{ outlets: { sub: ['test2'] } }]"> 

のURL

/管理ポータル(サブ:TEST2)

私はルートを照合することはできません

をクリックしたときに私はURLがthisに従って正しいフォーマットであると思い、そして、エラーが発生しました。 URLセグメント: 'test2'

ご協力ありがとうございます。

+0

は私の最近の答えhttps://stackoverflow.com/questions/47482230/angular-4-lazy-loading-with-named-router-outlet-not-をチェック働く/ 47487220#47487220 –

答えて

2

名前付きアウトレットルーティングで空ではない最上位パスを試してください。

ManagementPortalModuleでルーティングします。詳細については

RouterModule.forChild([ 
    { 
    path: 'load', component: ManagementPortalComponent,   
    children: [    
     { path: '', component: Test1Component, outlet: 'sub' }, 
     { path: 'test2', component: Test2Component, outlet: 'sub' }    
    ] 
    }   
]) 

参照してください:Angular 4 Lazy loading with named router-outlet not working

関連する問題