Deklarieren mehrerer Komponenten in @ngModule Angular 2

Question

Ich entwickle eine große Anwendung mit Angular JS 2.0 und ASP.net MVC. Ich habe etwa 120 Komponenten in meiner Anwendung, die alle in @ngModule Erklärungen Block deklariert werden:

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

Gibt es einen Mechanismus, wo ich diese verkürzen kann?

Answer 1

Sie können ein freigegebenes Modul erstellen und die Komponenten zu diesem Modul hinzufügen, dann müssen Sie nur das freigegebene Modul zu imports: [MySharedModule] hinzufügen, und alle Komponenten und Anweisungen, die von MySharedModule exportiert wurden, werden für das importierende Modul verfügbar.

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

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

Answer 2

Ich fürchte, es gibt keinen kürzeren Weg zu erreichen, was Sie versuchen zu tun.

Aber wenn es möglich ist, können Sie Ihre Anwendung in mehrere Teile aufteilen. Dies bedeutet, dass Sie mehr als eine app.module.ts haben.