Angular 2使用共享組件（刪除x類型在兩個模塊中聲明）

Question

我有3個模塊：ControlsModule，genericManagementNameModule和SharedModule。 我想在一個組件中使用來自ControlsModule的組件（DropDown），該組件是genericManagementNameModule的一部分。 我曾經在兩個模塊中聲明（DropDown），但是由於更新了角度，它給出了“在兩個模塊中聲明”錯誤。 我需要在哪里聲明DropDown組件？

控制模塊

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模塊

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 { }

所以我基本上試圖在InventoryEquipmentComponent中使用來自ControlsModule的DropDownControl。

Answer 1

只需在一個模塊中聲明它並將其添加到exports: [...]

然后將此模塊添加到imports: [...]您想要使用該組件的任何位置。

另請參見在@ngModule Angular 2中聲明多個組件