2017-01-11 8 views
1

ここでは、 メインページには3つのルート(各レイジーロードされたメインページの子)があります。ここで enter image description hereレイジーローディング補助ルート

補助コンポーネントは

<router-outlet name="auxone"></router-outlet> 

ように、1つのプライマリコンセントやその他の補助があり、これが私のmainpage.routeファイルが

完全

enter image description here

今私のauxilaryルート負荷をどのように見えるかでありますどんな問題でもプライマリアウトレットでルーティングすることができます。しかし、すぐに私はこの enter image description here

&のような補助コンセントでルートをロードしようとして(AUXルートは独自のように、1人の子供を持っている、とイムは別のものをロードしようと

enter image description here を使用してそれらを移動しよう同じ補助のための別の子としてルート) 私はエラーを取得:ロードする方法上の任意のドキュメントを参照してくださいすることができませんでしIMとルートAUXルート遅延ロードイムとして

Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'mainpage/aux' 

私のウィットの終わりに、このワットを作る方法を見つけ出しますork。

どこが間違っていますか?

ここに私のプロジェクトの構造は、あなたがいけない enter image description here

答えて

0

だと怠惰なロードパス上outlet:パラメータを含めることはできません。遅延ロードされたルートは、熱心にロードされたアプリケーションから設計によって隠されています。

代わりに、アウトレットコンポーネント用のモジュールを構築し、独自のルーティング構成を用意する必要があります。そのルータ設定では、あなたのAuxiliary店舗へのルートを設定することができます。

+0

私は間違っていれば私に正しいものを教えてください。補助ルートのように読み込まれなければならない別のモジュールを作成してください。 [CommonsModule、FormsModule、HttpModuleを、 RouterModule.forChild([{パス: 'サンプル1'、成分:SampleOneComponent、出口 'AUX'}]) ]、 宣言 '@NgModule({ 輸入seperate.module :[TestUIComponent]、 プロバイダ:[TestUIService、SharedDataService] ) '?? 輸出クラスTestUIModule {} –

+0

あなたは正しいですか?私は混乱していた。私はここで回避策を見つけました:https://github.com/angular/angular/issues/12842しかし、まだ遊んでいません –

+0

彼らはデフォルトルート '' ' –

関連する問題