angle 2ルーティング予期しない動作

Question

私はAngular 2ルーティングでエクササイズを行い、Angular-2でプロジェクトを作成して実行できました。 アプリケーションを実行すると、2レイヤールーティングを使用すると問題なく動作します。 しかし、ルーティングレイヤーを3に増やすと、予期しない動作をします。

アプリケーションをロードするアプリケーションモジュールが1つあります。 私はサインイン、サインアップ、および他の人のためのベースラインアウト用に別々のモジュールを作成しました。 ログイン後私は基本レイアウトを自分のアプリケーションレイアウトとして使いたいと思っており、ヘッダとフッタが一貫性があるようにbaselayoutの中にすべてをロードしたいと思っています。

それぞれDivisionModule、OrganizationModuleのような別々のモジュールを作成しましたが、これらの2つのモジュールをbaselayoutモジュール内にロードしたいのですが、DivisionModuleのコンポーネントを読み込むと、baselayoutの内部にないアプリケーションモジュール内に直接ロードされます。

ここは私のプロジェクトのURLです。

https://github.com/sushilraj786/Angular.git

私は、サインインアクセスしたり、それが動作しますサインアップするが、私はアプリ/組織/編集またはアプリ/組織/リストまたはアプリ/部門/編集やアプリにアクセスしようとすると/部門/リストには、アプリの下でロードするとbaseLayoutモジュールの下にないモジュール。

ご協力いただければ幸いです。

おかげ スシル

Answer 1

一つだけ<router-outlet></router-outlet>あなたapp.component.html内部を持っているためです。 base-layout.component.htmlに1つ追加してみてください

角度ルーティングは、ルーティングによるテンプレート呼び出しをロードするために最後のルータ出口を探します。 ？あなたは怠惰なロード・モジュールを使用しているので、あなたの怠惰なモジュールでのルーティングファイルは、（）ルートを定義するべきではありません

：？（また、私はあなたが唯一の遅延ロードを使用しました、なぜそれがあなたのexercice約

EDITあるものですパス：

例：。

const routes: Routes = [ 
    { 
    path: '', 
    component: IndexComponent, 
    children: [ 
     { 
     path: '', 
     component: BaseLayoutComponent 
     }, 
     { 
     path: 'organization', loadChildren: 'app/organization/organization.module#OrganizationModule' 
     }, 
     { 
     path: 'division', loadChildren: 'app/division/division.module#DivisionModule' 
     } 
    ] 
    } 
];