Angular의 NgModule(모듈)에 대한 자세한 설명

이 기사에서는 Angular의 NgModule(모듈)에 대해 자세히 알아볼 수 있습니다. 도움이 필요한 친구들이 모두 참고할 수 있기를 바랍니다.

Angular 모듈(NgModule)

• Angular 애플리케이션은 모듈식이며 NgModule이라는 자체 모듈식 시스템을 갖습니다. NgModule은 특정 애플리케이션 영역, 특정 워크플로 또는 밀접하게 관련된 기능 집합에 초점을 맞춘 일부 응집력 있는 코드 블록을 저장하는 데 사용되는 컨테이너입니다. 여기에는 일부 구성 요소, 서비스 공급자 또는 기타 코드 파일이 포함될 수 있으며 그 범위는 이를 포함하는 NgModule에 의해 정의됩니다. 또한 다른 모듈에서 내보낸 일부 기능을 가져오고 다른 NgModules에서 사용하기 위해 지정된 일부 기능을 내보낼 수도 있습니다.
• A 모듈은 @NgModule 데코레이터가 있는 TypeScript 클래스이기도 합니다.

추천 관련 튜토리얼: "angular tutorial"

NgModule 메타데이터

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import {HttpClient, HttpClientModule} from '@angular/common/http';

import { AppComponent } from './app.component';

@NgModule({
  declarations: [
    AppComponent,
  ],
  imports: [
    BrowserModule,
    FormsModule,
    HttpClientModule,
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

• 선언declarations

声明模块有什么东西， 只能声明组件、 指令和管道。

• imports

导入表， 声明了要让应用运转所依赖的一些模块。

• providers

声明模块中提供了哪些服务， 只能声明服务。

• bootstrap

모듈이 무엇을 가지고 있는지 선언하세요. 컴포넌트, 명령어, 파이프만 선언할 수 있습니다. .

imports

위 내용은 Angular의 NgModule(모듈)에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!