Как делиться компонентами между модулями в угловом 2?

Question

У меня есть сомнения в том, как делиться компонентами между модулями в Angular 2. Дело в том, что у меня есть два модуля в приложении, «Модуль клиентов» и «Модуль поставщиков».

Оба этих модуля в своих компонентах используют AddressComponent и EmailComponent. Они также используют интерфейсы Address и Email.

Теперь у меня много дублирования, потому что я скопировал и вставил эти компоненты и интерфейсы на оба модуля. Это очевидно просто неправильно.

Мне нужен способ импорта тех компонентов, которые будут использоваться на обоих модулях. Но я не знаю, как это сделать.

Должен ли я создать другой модуль для этого общего материала и импортировать его в обоих? Каков правильный способ обмена компонентами между модулями в Angular 2?

Answer 1

Создать общий NgModule, который будет иметь общий характер Component/Service/Pipe. Поступая таким образом, вы избежите дублирования кода. Он сделает код модульным, подключаемый к модулю &.

Для того, чтобы использовать AddressComponent & EmailComponent в других модулях, необходимо export их из общего модуля:

Код

@NgModule({ 
    imports: [CommonModule], 
    declarations: [AddressComponent, EmailComponent], 
    providers: [MySharedService], 
    exports: [AddressComponent, EmailComponent], 
}) 
export class SharedModule() { } 

Потребляя SharedModule, все, что вам нужно сделать, это импорт SharedModule

@NgModule({ 
    imports: [CommonModule, SharedModule, ... ], 
    providers: [..] 
}) 
export class CustomersModule() { }