Angular2 - Declaring a component in two different modules

Question

I create DynamicForm component connect it in two NgModule.

//  Module 1
@NgModule({
    imports: [],
    exports: [],
    declarations: [
        DynamicForm
    ],
    providers: []
})

//  Module 2
@NgModule({
    imports: [],
    exports: [],
    declarations: [
        DynamicForm
    ],
    providers: []
})

But project dont work, any errors. When I remove DynamicForm from one of NgModule get error that I need include this component. Also I tryed connect DynamicForm to app.module and remove from NgModule and also did't work.

What to do?

Answer 1

Components can only be part of one module. For this reason, if you have a component that should be used by multiple modules, create a shared module, declare it there, then export so others can use it. Then import that shared module into the module where you need that component

@NgModule({
  declarations: [
    DynamicForm
  ],
  exports: [
    DynamicForm
  ]
})
export class SharedModule {}

@NgModule({
  imports: [ SharedModule ]
})
class ModuleThatNeedsDynamicForm {}