Как наследовать модуль из другого модуля в 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

Он непосредственно необходим доступ к своей собственной WidgetsModule так же, как он нужен прямой доступ к это собственным FormsModule (так или иначе). Один способ его очистки, однако, составляет экспорт все модули, которые используются в разных местах, от SharedModule. Тогда вы можете просто импортировать SharedModule везде

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

Вам не нужно imports любой из них в SharedModule, если сказать, что вы не объявляете компонент в SharedModule, который использует любой из этих других модулей.

Тогда во всех ваших других модулях всего importsSharedModule. Это заканчивает тем, что очищает его много, и вам нужно только поддерживать один общий модуль.

Смотрите также:

• Angular2 How to clean up the AppModule

Answer 2

Я думаю, что это на самом деле не нужно, потому что WidgetsModule такой же, как FormsModule (@ угловые/формы). WidgetsModule - это пользовательский модуль и FormsModule, предоставляемый угловыми. Это единственное различие. Оба этих модуля используются для выполнения некоторых функций.

Так что просто думать о как мы можем объявить FormsModule один раз и использовать его во всех других модулях, если вы поняли, что тогда проблема решена.

Просто Вист по следующей ссылке One single NgModule versus multiples ones with Angular 2

Answer 3

модули не наследуют доступ к компонентам, директив или труб, объявленных в других модулях. Импорт AppModule не имеет отношения к ContactModule и наоборот. Прежде чем ContactComponent может связываться с [(ngModel)], его ContactModule должен импортировать FormsModule.

source: ngmodule