웹 앱 프레임워크 앵귤러(Angular) 최상위 모듈 메터데이터 프로퍼티

웹 앱 프레임워크 앵귤러(Angular) 최상위 모듈

 

 

 

앵귤러(Angular) 최상위 NgModule

NgModule은 클래스에 @NgModule() 데코레이터를 붙여서 정의한다.

모듈을 정의하는 메타데이터 객체를 전달하면서 실행한다.

 

메타데이터 프로퍼티

declarations

해당 NgModule에 포함될 컴포넌트나 디렉티브, 파이프를 선언한다.

 

exports

모듈의 구성 요소를 다른 NgModule이나 컴포넌트 템플릿으로 재사용할 수 있도록 외부로 공개한다.

imports

다른 모듈에서 공개한 클래스를 지금 정의하는 NgModule에 가져올 때 사용한다.

 

providers

NgModule 컨텍스트 안에서 사용하는 서비스 프로바이더를 지정한다.

NgModule 안에서 사용하는 서비스는 이렇게 지정된 서비스 프로바이더를 사용해서 생성된다.

필요한 경우에는 하위 계층에 사용할 서비스 프로바이더를 따로 지정할 수도 있다.

 

bootstrap

애플리케이션의 최상위 뷰로 표시될 최상위 컴포넌트를 지정한다.

bootstrap 프로퍼티는 최상위 NgModule에만 지정할 수 있다.

 

최상위 NgModule 구현

exports은 설명하기 위해 추가 최상위 모듈은 다른 NgModule 에서 참조할 일이 없기 때문에 최상위 모듈에 지정할 필요가 없습니다.

 

경로 : src/app.app.module.ts

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
@NgModule({
  imports:      [ BrowserModule ],
  providers:    [ Logger ],
  declarations: [ AppComponent ],
  exports:      [ AppComponent ],
  bootstrap:    [ AppComponent ]
})
export class AppModule { }