在Angular 2中声明@ngModule中的多个组件

Question

我正在使用Angular 2和ASP.net MVC开发一个大型应用程序。 我的应用程序中有大约120个组件，这些组件都在@ngModule声明块中声明：

@NgModule({
  imports: [CommonModule],
  declarations: [Component1, Component2, Component3, ..., Component120]
})

有没有一种机制我可以缩短它？

Answer 1

您可以构建共享模块并将组件添加到此模块，然后您只需将共享模块添加到imports: [MySharedModule]，并且MySharedModule导出的所有组件和指令都可用于导入模块

@NgModule({
  imports: [ CommonModule ],
  declarations: [ Component1,   Component2,   Component3....      Component120 
],
  exports: [ Component1,   Component2,   Component3....      Component120 ],
})
class MySharedModule {}

@NgModule({
  declarations: [AppComponent],
  bootstrap: [AppComponent],
  imports: [BrowserModule, MySharedModule]
})
class AppModule {}

Answer 2

我担心没有更短的方法来实现你想要做的事情。

但如果可行，您可以将您的应用程序分成多个部分。这意味着您将拥有多个app.module.ts。