티스토리 뷰

FrontEnd/Angular

NgModule

철철22 2018. 6. 7. 12:27
반응형



Angular의 모듈(NgModule)은 관련이 있는 구성요소(컴포넌트, 디렉티브, 파이프, 서비스 등)를 하나의 단위로 묶는 메커니즘을 말한다. 


다시 말해 모듈은 관련이 있는 구성요소들로 구성된 응집된 기능 블록으로 애플리케이션을 구성하는 하나의 단위를 말한다. 


모듈은 다른 모듈과 결합할 수 있으며 Angular는 여러 모듈들을 조합하여 애플리케이션을 구성한다.



@NgModule 데코레이터

모듈은 @NgModule 데코레이터로 장식된 클래스이다.


중요한 property


  • declarations - 이 모듈에서 사용하는 뷰 클래스를 정의한다. Angular에는 컴포넌트, 디렉티브, 파이프 세 종류의 뷰 클래스가 있다.
  • imports - export로 공개된 클래스를 다른 컴포넌트 템플릿의 this 모듈에 선언해서 사용할 때 사용한다.
  • exports - 다른 모듈이나 컴포넌트 템플릿에서 접근할 수 있도록 외부로 공개 선언한다.
  • providers -  전역에서 사용되는 서비스를 해당 객체에서 사용할 수 있도록 생성하고 지정한다. 프로바이더는 앱의 모든 곳에서 접근할 수 있다.
  • bootstrap -  루트 컴포넌트라고 하는 메인 어플리케이션의 뷰를 선언한다. bootstrap 항목은 루트 모듈에만 존재한다.



반응형

'FrontEnd > Angular' 카테고리의 다른 글

template에 null 표현  (0) 2018.06.13
Object 중복객체 제거  (0) 2018.06.08
angular 에서 jquery selector  (0) 2018.06.04
Angular 에서 jquery 및 JS사용법  (0) 2018.06.01
Component Communication  (0) 2018.05.30
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2025/02   »
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28
글 보관함