Angular 2使用共享组件（删除x类型在两个模块中声明）

Question

I have 3 modules : ControlsModule, genericManagementNameModule & SharedModule. I want to use a use a component(DropDown) from the ControlsModule in a component that's part of the genericManagementNameModule. I used to declare the (DropDown) in both modules, but since updating angular it gives that "is declared in two modules" error. Where do i need to declare the DropDown component?

Controls Module

import { NgModule } from "@angular/core";
import { CommonModule } from '@angular/common';
import { BrowserModule } from "@angular/platform-browser";
import { FormsModule } from "@angular/forms";

import { MaterialDatePickerComponent } from './Controls/MaterialDatePicker/MaterialDatePickerComponent';
import { DropDownControl } from './Controls/DropDown/DropDownControl';
import { MultiColumnDropDownControl } from './Controls/MultiColumnDropDown/MultiColumnDropDownControl';
import { MultipleSelectionDropDownControl } from './Controls/MultipleSelectionDropDown';

@NgModule({
    imports: [CommonModule, FormsModule],
    declarations: [MaterialDatePickerComponent, MultiColumnDropDownControl, MultipleSelectionDropDownControl, DropDownControl],
    exports: [MaterialDatePickerComponent, DropDownControl, MultiColumnDropDownControl, MultipleSelectionDropDownControl,
        CommonModule, FormsModule]
})
export class ControlsModule { }

InventoryEquipment Module

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { SharedModule } from './../shared.module';
import { ControlsModule } from './../Assets/Controls.Module';

import { inventoryEquipmentRouting } from './inventoryEquipment.routing';
import { InventoryEquipmentComponent } from './List/inventoryEquipment.component';
import { InventoryEquipmentComponentDefault } from './View/inventoryEquipmentDefault.component';



@NgModule({
    imports: [CommonModule, FormsModule, ReactiveFormsModule, inventoryEquipmentRouting, SharedModule, ControlsModule], 
    declarations: [InventoryEquipmentComponent, InventoryEquipmentComponentDefault],
    exports: [InventoryEquipmentComponent, InventoryEquipmentComponentDefault, ControlsModule],
})
export class InventoryEquipmentModule { }

So i'm basically trying to use DropDownControl from ControlsModule in InventoryEquipmentComponent.

Answer 1

Just declare it in one module and add it also to exports: [...]

then add this module to imports: [...] wherever you want to use that component.

See also Declaring multiple components in @ngModule Angular 2