Angular - NgModule

사용자 지정 NgModule 내의 세 개의 component

 

NgModule :  NgModule은 애플리케이션 도메인이나 작업 흐름, 기능이 연관된 Angular 구성요소들을 묶어놓은 단위.
JavaScript Module 과는 다르며, 상호 보완적인 관계이다.

이미지 출처 : 공식문서

 

---

해당 NgModule 에서 선언(declaration)된 객체는 외부로 노출(export) 하지 않는 이상, 그 모듈에 종속적이다. 

위의 이미지와 같이 선언된 세 개의 컴포넌트는 해당 모듈에 종속적이다.

 

---

NgModule 메타데이터

• declarations : 해당 NgModule에 포함될 component, directive, pipe 를 선언.
• exports : 기본적으로는 종속적인 모듈의 구성 요소를 다른 NgModule이나 컴포넌트 템플릿으로 재사용할 수 있도록 외부로 공개.
• imports : 다른 모듈에서 공개한 클래스를 지금 정의하는 NgModule에 가져올 때 사용.
• providers: NgModdule 컨텍스트 안에서 사용하는 서비스 프로바이더를 지정. 
• bootstrap: 애플리케이션의 최상위 뷰로 표시될 최상위 컴포넌트를 지정. bootstrap 프로퍼티는 최상위 NgModule 에만 선언할 수 있다. 즉, app.module.ts 에만 지정 가능.

---

https://angular.kr/guide/architecture-modules

https://angular.kr/guide/ngmodules

https://angular.kr/guide/bootstrapping