Angular 角度@NgModule Can'；t绑定到'；型号'；因为它不是'；t'的已知属性；标签'；

我最初试图在两个模块中包含一个共享组件作为声明

BatchStatusComponent是两个模块声明的一部分：DashboardModule和ControlJobModule！请考虑搬家……/P> 因此，我尝试创建一个通用的@NgModule，
我声明了一个通用模块：

@NgModule({
    imports: [
        CommonModule,
        FormsModule
    ],
    declarations: [
        BatchStatusComponent // moved to here
    ]
})
export class SharedComponentsModule { }

我已将上述模块包含在子模块中，如下所示

@NgModule({
    imports: [
        SharedComponentsModule, // added module
        DashboardRoutingModule,
        CommonModule,
        FormsModule,
        ChartsModule,
        BsDropdownModule
    ],
    providers: [DashboardApiService, IntegrationSignalService],
    declarations: [        
        DashboardComponent,
        // BatchStatusComponent, // removed from here.
        ServiceStatusComponent,
        StatisticsCounterComponent,
        ClearingDashboardComponent
    ]
})
export class DashboardModule {
}

但我现在得到了这个错误：

无法绑定到“BatchStatus”，因为它不是“batch status”的已知属性

如果“批次状态”是一个角度组件，并且具有“批次状态”输入，则验证它是否是该模块的一部分

如果“batch status”是一个Web组件，则将“CUSTOM_ELEMENTS_SCHEMA”添加到此组件的“@NgModule.schemas”以抑制此消息

我错过了什么

---

当组件作为声明（在

仪表板模块中）包含时，它工作正常。
如果希望其他模块看到该组件，还需要导出该组件：

@NgModule({
    imports: [
        CommonModule,
        FormsModule
    ],
    declarations: [
        BatchStatusComponent // moved to here
    ],
    exports: [
        BatchStatusComponent 
    ]
})
export class SharedComponentsModule { }

仅供参考，您还可以导出整个模块（即CommonModule），以便其在下游也可用。
如果希望其他模块看到该组件，您还需要导出该组件：

@NgModule({
    imports: [
        CommonModule,
        FormsModule
    ],
    declarations: [
        BatchStatusComponent // moved to here
    ],
    exports: [
        BatchStatusComponent 
    ]
})
export class SharedComponentsModule { }

仅供参考，您还可以导出整个模块（即CommonModule），以便其在下游也可用