Angular2で別のモジュールからモジュールを継承する方法は？

Question

だから私は、角2最終（2.0.0）を使用してのは、私は私が自分のアプリケーションの構築を支援しますディレクティブやコンポーネントの束とWidgetsModuleを作成し、私のAppModuleに

import { NgModule }  from '@angular/core'; 
import { UniversalModule } from 'angular2-universal'; 

import { WidgetsModule } from '../../../widgets'; 
import { App, appRouting } from './'; 

@NgModule({ 
    imports:  [ 
    UniversalModule, 
    WidgetsModule, 
    appRouting 
    ], 
    providers: [ AppPresenter ], 
    declarations: [ App ], 
    exports:  [ ], 
    bootstrap: [ App ] 
}) 
export class AppModule { } 

それをインポートするとしましょうよ

次に、私はHomeModule、CartModuleなどの子モジュールでウィジェットを使いたいと思います。他のすべてのモジュールでWidgetsModuleをインポートせずにウィジェットを使用できるようにするにはどうすればいいですか？

import { NgModule }  from '@angular/core'; 
import { CommonModule } from '@angular/common'; 
import { FormsModule, ReactiveFormsModule } from '@angular/forms' 

import { WidgetsModule } from '../../../widgets'; 
import { Cart, cartRouting } from './'; 

@NgModule({ 
    imports:  [ 
    CommonModule, 
    FormsModule, 
    ReactiveFormsModule, 
    WidgetsModule, //<-- I want to avoid doing this in every module 
    cartRouting 
    ], 
    providers: [ ], 
    declarations: [ Cart ] 

}) 
export class CartModule { } 

エクスポート[]内のディレクティブで行われているように行う方法はありますか？

Answer 1

をビスト。しかし、それをきれいにする1つの方法は、から複数の場所で使用されるすべてのモジュールをエクスポートすることです。次に、あなたはちょうどあなたがそれらの他のモジュールのいずれかを使用していますSharedModuleでコンポーネントを宣言していると言う場合を除きSharedModuleはどこにでも

@NgModule({ 
    exports: [ 
    FormsModule, 
    CommonModule, 
    WidgetsModule 
    ] 
}) 
class SharedModule {} 

あなたはSharedModuleにimportsそれらのいずれかにする必要はありませんインポートすることができます。

他のすべてのモジュールでは、importsのSharedModuleとなります。これで多くのクリーンアップが終わり、共有モジュールを1つだけ保守する必要があります。

関連項目：

• Angular2 How to clean up the AppModule

Answer 2

は私がWidgetsModuleがFormsModule（@角度/フォーム）と同じであるので、それは実際には必要ないと思います。 WidgetsModuleはユーザー定義のモジュールで、FormsModuleは角度で提供されます。それが唯一の違いです。このモジュールは両方とも、いくつかの機能を実行するために使用されます。

だから私たちは一度FormsModuleを宣言し、その後、問題が解決されていることを理解した場合、他のすべてのモジュールでそれを使用することができますについてかと思います。

ちょうどそれが直接、それはそれ自身のFormsModule（一つの方法または別の）への直接アクセスを必要とするだけのようWidgetsModule、独自にアクセスする必要があり、以下のリンクにOne single NgModule versus multiples ones with Angular 2

Answer 3

モジュールが他のモジュール内で宣言されているコンポーネント、ディレクティブまたはパイプへのアクセスを継承しません。 AppModuleがインポートするものはContactModuleとは無関係で、その逆もあります。 ContactComponentを[（ngModel）]とバインドする前に、ContactModuleはFormsModuleをインポートする必要があります。

source: ngmodule