Angular 4-모듈

Module Angular는 응용 프로그램과 관련된 구성 요소, 지시문, 파이프 및 서비스를 그룹화 할 수있는 위치를 나타냅니다.

웹 사이트를 개발하는 경우 머리글, 바닥 글, 왼쪽, 가운데 및 오른쪽 섹션이 모듈의 일부가됩니다.

모듈을 정의하기 위해 NgModule. Angular –cli 명령을 사용하여 새 프로젝트를 생성하면 기본적으로 app.module.ts 파일에 ngmodule이 생성되며 다음과 같이 보입니다.

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';

@NgModule({
   declarations: [
      AppComponent
   ],
   imports: [
      BrowserModule
   ],
   providers: [],
   bootstrap: [AppComponent]
})

export class AppModule { }

NgModule은 다음과 같이 가져와야합니다.

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

ngmodule의 구조는 다음과 같습니다.

@NgModule({
   declarations: [
      AppComponent
   ],
   imports: [
      BrowserModule
   ],
   providers: [],
   bootstrap: [AppComponent]
})

시작은 @NgModule 선언, 가져 오기, 공급자 및 부트 스트랩이있는 객체를 포함합니다.

선언

생성 된 구성 요소의 배열입니다. 새 구성 요소가 생성되면 먼저 가져 와서 참조가 아래와 같이 선언에 포함됩니다.

declarations: [
   AppComponent,
   NewCmpComponent
]

수입

응용 프로그램에서 사용하는 데 필요한 모듈의 배열입니다. 선언 배열의 구성 요소에서도 사용할 수 있습니다. 예를 들어, 지금 @NgModule에서 가져온 브라우저 모듈을 볼 수 있습니다. 신청서에 양식이 필요한 경우 다음과 같이 모듈을 포함 할 수 있습니다.

import { FormsModule } from '@angular/forms';

가져 오기 @NgModule 다음과 같습니다-

imports: [
   BrowserModule,
   FormsModule
]

제공자

여기에는 생성 된 서비스가 포함됩니다.

부트 스트랩

여기에는 실행을 시작하기위한 주요 앱 구성 요소가 포함됩니다.