モジュール内の別のモジュールを使用する：importsとルートのloadChildrenを使用する

私がAngularを探索した際に、あるモジュールを別のモジュールの内部で使用する2つの方法があります。（参考のためangular-express-starter projectを使用）モジュール内の別のモジュールを使用する：importsとルートのloadChildrenを使用する

方法1： imports配列でそれを宣言する。 For example

@NgModule({ 
    declarations: [ 
    AppComponent 
    ], 
    imports: [ 
    BrowserModule, 
    SharedModule, 
    FormsModule 
    ] 
})

方法2：ルーティングに使用loadChildren。 For example：

export const routes: Route[] = [ 
    { path: '', pathMatch: 'full', redirectTo: 'weather'}, 
    { loadChildren: 'app/dashboard/dashboard.module#DashboardModule', path: 'dashboard' }, 
    { loadChildren: 'app/profile/profile.module#ProfileModule', path: 'profile' }, 
    { loadChildren: 'app/weather/weather.module#WeatherModule', path: 'weather' } 
];

これらの2つの方法の間に実用的な違いは何ですか？

出典

2017-10-08 CodyBugstein

これらの2つの方法の間に実用的な違いは何ですか？

最も大きな違いは、loadChildrenでロードされたモジュールは独自のインジェクタを持ち、インポートされたモジュールのプロバイダは1つのルートインジェクタにマージされるという点です。これは、遅延ロードされたモジュールから他の遅延ロードされたモジュールにプロバイダを注入できないことを意味します。

その他の違い：あなたはloadChildrenを介してロードさ

モジュールは、対応するルートが

に移動された場合にのみロードされますルーティング使用していない場合は、loadChildrenを使用することはできません