2016-11-22 2 views
3

Angular JS 2.0ASP.net MVC를 사용하는 대형 응용 프로그램을 개발하고 있습니다.@ngModule에서 여러 구성 요소 선언하기 Angular 2

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

내가이을 단축 할 수있는 메커니즘이 : 나는 모든 @ngModule 선언 블록에 선언 된 내 응용 프로그램에서 약 120 구성 요소가?

+0

고장은 각'submodule' 및 부하 NgModule를 만들 수 있습니다 그것들은 라우터 기능을 통해 느리게 수행됩니다 (이것은 애플리케이션 성능을 향상시킬 수 있습니다). –

답변

2

공유 모듈을 만들고이 모듈에 구성 요소를 추가하면 공유 모듈을 imports: [MySharedModule]에 추가하기 만하면 MySharedModule으로 내 보낸 모든 구성 요소와 지시문을 가져 오기 모듈에서 사용할 수있게됩니다. 작은 작은`모듈/submodule`에 응용 프로그램, 각 모듈은 10-15` 구성 요소 '이상하지 말았어야하는 방식으로 생각

@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 {} 
+0

제안을 주셔서 감사합니다. – shabari

+0

다시 감사합니다, 그것은 나를 위해 일하고 있습니다 :) – shabari

0

내가하려는 일을 달성하는 데 더 짧은 방법이없는 것 같습니다.

하지만 가능한 경우 여러 부분으로 애플리케이션을 나눌 수 있습니다. 이는 하나 이상의 app.module.ts가 있음을 의미합니다.

관련 문제