Angular2, 모든 구성 요소가 아닌 구성 요소 모듈 별도로 포함

Question

여러 구성 요소를 모듈 (Widget1Module)으로 묶은 다음 해당 모듈을 다른 모듈 (AdminModule)에 삽입하여 AdminModule의 모든 구성 요소에 Widget1Module.

AdminModule에있는 declarations 어레이의 배열이 커지고 커지지 않도록하려면 여기를 클릭하십시오. 내 문제에 대한 자세한 설명은 아래를 참조하십시오. 나는 성분 '선언'모듈의 내부에 사용할 수 있습니다 (Widget1Component)를 만들 싶습니다

import { CommonModule } from '@angular/common'; 
import { RoutingModule } from './admin-routing.module'; 

import { Declaration1 } from "./declaration1.component"; 
import { Declaration2 } from "./declaration2.component"; 
import { Declaration3 } from "./declaration3.component"; 

    @NgModule({ 
    imports: [ 
     CommonModule, 
     RoutingModule, 

    ], 
    declarations: [ 
     Declaration1, 
     Declaration2, 
     Declaration3, 
    ] 
    }) 

export class AdminModule {} 

:

나는 모듈 파일과 같이 있습니다. 이 응용 프로그램이 성장함에 따라 일하는 것이

import { CommonModule } from '@angular/common'; 
import { RoutingModule } from './admin-routing.module'; 

import { Declaration1 } from "./declaration1.component"; 
import { Declaration2 } from "./declaration2.component"; 
import { Declaration3 } from "./declaration3.component"; 

import { Widget1 } from "./widget1.component"; 

    @NgModule({ 
     imports: [ 
      CommonModule, 
      RoutingModule, 

     ], 
     declarations: [ 
      Declaration1, 
      Declaration2, 
      Declaration3, 
      Widget1 
     ] 
     }) 

    export class AdminModule {} 

,하지만, 내가 다른 모듈에 모든 위젯을 묶을 수, 그리고 다음이 모듈에 해당 모듈을 주입하는 것 : 나는 이런 식으로 뭔가를 할 수 있다는 것을 알고있다 과 같이 :이 같은 뭔가를하려고 할 때

import { CommonModule } from '@angular/common'; 
import { RoutingModule } from './admin-routing.module'; 

import { Declaration1 } from "./declaration1.component"; 
import { Declaration2 } from "./declaration2.component"; 
import { Declaration3 } from "./declaration3.component"; 

import { Widget1Module } from "./widget1.module"; 

    @NgModule({ 
     imports: [ 
      CommonModule, 
      RoutingModule, 
      Widget1Module 
     ], 
     declarations: [ 
      Declaration1, 
      Declaration2, 
      Declaration3 
     ] 
     }) 

    export class AdminModule {} 

그러나, 나는 위젯은 Widget1Module에 포함에 대해 응용 프로그램이 알고하지 않는다는 오류가 계속. 에서

Answer 1

당신의 Widget1Module 당신이 수출에 당신은 예를 들어, AdminModule에서 사용할 구성 요소를 필요 : 당신이 Widget1ModuleAdminModule에, Widget1Component가 사용할 수 있습니다 가져올 때,

import { CommonModule } from '@angular/common'; 
import { Widget1Component } from "./widget1.component"; 

@NgModule({ 
    imports: [ CommonModule ], 
    declarations: [ Widget1Component ], 
    exports: [ Widget1Component ] 
    }) 

export class Widget1Module {} 

이 방법을.