간단히 말해서 Angular #Part1: 모듈

2787 단어
Angular에서 모듈은 구성 요소, 지시문, 파이프 및 서비스를 포함하는 @NgModule 데코레이터로 표시된 클래스입니다.
Angular 애플리케이션에는 하나 이상의 모듈이 있습니다.

import { NgModule } from '@angular/core';

@NgModule({
  declarations: ...,
  imports: ...,
  exports: ...,
  providers: ...,
  bootstrap: ...
})

class MyModule {} 


  • 선언: 이 모듈에 속하는 구성 요소, 지시문 및 파이프의 목록입니다.

  • declarations: [HelloComponent, TranslatePipe] 
    


  • 가져오기: 이 모듈로 가져올 모듈 목록입니다. 가져온 모듈(구성 요소, 지시문, 파이프)의 모든 것을 이 모듈의 선언에 사용할 수 있습니다.

  • imports: [BrowserModule, SomeOtherModule] 
    


  • 내보내기: 이 모듈을 가져오는 모듈에 표시되는 구성 요소, 지시문 및 파이프 목록입니다.

  • exports: [HelloComponent, TranslatePipe] 
    


  • 제공자: 이 모듈의 내용과 이 모듈의 수입업자 모두에게 표시되는 종속성 주입 제공자 목록입니다.

  • providers: [ApiService, { provide: UserService }]  
    


  • 부트스트랩: 이 모듈이 부트스트랩될 때 부트스트랩할 구성요소 목록입니다.

  • bootstrap: [HelloComponent] 
    

    좋은 웹페이지 즐겨찾기