角度： - 異なるモジュールの構成部品の角度コンセプトにロード

Question

新しい蜂を取得し、実際に私は2つのモジュール、

1を持っている）メインモジュールであるイベントモジュール（それはapp.module.ts & & routes.tsを持っています）

2）ユーザモジュールは（user.routes.tsに）ために、例えばメインroutes.tsから来る独自user.module.tsこのモジュール用に定義された経路を有しています。

{ path: 'user', loadChildren: 'app/user/user.module#UserModule' } 

これはroutes.ts

私が知っていることは、私はいくつかのモジュールから任意のリンクをヒットした場合、その特定のモジュールに関連するコンポーネントのみがロードされますです

しかし、私が見ることができるもので定義されています私のアプリケーションである、ということにもかかわらず、ページをロードするために少し時間がかかっている

1）私は、開発者に見えるだけの小さなアプリ

2）ツール、すなわちブラウザ上のF12、ユーザモジュールに属する「ユーザ/プロファイル」のヒット時に、イベントモジュールのコンポーネントもロードされる。

なぜそれが唯一の右のユーザモジュールのすべてのコンポーネントをロードすると仮定されていること？

Answer 1

あなたは2つのルーティングファイル

export const Routes1: Routes1[] = [ 
{ 
    path: '/', 
    name: 'Home', 
    component: HomeComponent 
}, 
{ 
    path: '/test', 
    name: 'test', 
    component: TestComponent 
} 

]を作成することができます。

とこんにちはファテあなたapp.component.tsに

import { Component } from 'angular2/core'; 
import { Routes1 } from './routeModule1'; 

@Component({ 
    selector: 'my-app', 
    templateUrl: 'app/app.component.html', 
}) 
@RouteConfig(RouteDefinitions) 
export class AppComponent { }