Angular2组件在多个模块中声明

Question

我的Angular2 RC6应用程序有两个模块，我不知道如何声明共享组件。

我有一个名为spinnerComponent的组件，它在整个应用程序中使用。我在app.modules.as中定义了它：

@NgModule({
    imports: [BrowserModule, routing,RepairReturnModule],
    providers: [ ],
    declarations: [AppComponent,SpinnerComponent],
    bootstrap: [AppComponent]
})

然后在RepairreturnModule中我再次定义它：

@NgModule({
    imports: [CommonModule],
    declarations: [
        SpinnerComponent
    ],
    providers: []
})

正如所料，我得到：

类型SpinnerComponent是2个模块的声明的一部分：RepairReturnModule和AppModule

我从RepairreturnModule中的声明中删除了SpinnerComponent，然后我得到：

未处理的Promise拒绝：模板解析错误：无法绑定到'isRunning'，因为它不是'spinner-component'的已知属性。 1.如果'spinner-component'是一个Angular组件并且它有'isRunning'输入，那么请验证它是否是该模块的一部分。 2.如果'spinner-component'是Web组件，则将“CUSTOM_ELEMENTS_SCHEMA”添加到此组件的'@NgModule.schema'以禁止显示此消息。 ...表示没有申报。

我错过了什么？

Answer 1

看到完整的代码将是有益的，但无论如何......

您可以尝试将微调器移回修复模块，然后从应用程序模块中将其导入。我使用单独的（在你的情况下它将是第三个）'共享'模块，其中常见功能坐在这里，所以每个其他模块可以从那里导入它。

Answer 2

将exports: [SpinnerComponent]添加到您的app.modules NgModules装饰器中。

参考：https://angular.io/docs/ts/latest/guide/architecture.html，

```NgModule是一个装饰器函数，它接受一个属性描述模块的元数据对象。最重要的属性是：

...

exports - 在其他模块的组件模板中应该可见且可用的声明子集。

...

```

Answer 3

您也可以将SpinnerComponent保留在RepairReturnModule中，因为这个是在主App模块中导入的，但也将它添加到模块的“exports”数组中。在此之后，只需从App模块的声明中删除它。

https://angular.io/docs/ts/latest/cookbook/ngmodule-faq.html#!#q-what-to-export