本篇文章帶大家詳細(xì)了解一下Angular中的NgModule（模塊）。有一定的參考價(jià)值，有需要的朋友可以參考一下，希望對大家有所幫助。

Angular 模塊（NgModule）

• Angular 應(yīng)用是模塊化的， 它擁有自己的模塊化系統(tǒng)， 稱作 NgModule。 一個(gè) NgModule 就是一個(gè)容器， 用于存放一些內(nèi)聚的代碼塊， 這些代碼塊專注于某個(gè)應(yīng)用領(lǐng)域、 某個(gè)工作流或一組緊密相關(guān)的功能。 它可以包含一些組件、 服務(wù)提供商或其它代碼文件， 其作用域由包含它們的 NgModule 定義。 它還可以導(dǎo)入一些由其它模塊中導(dǎo)出的功能， 并導(dǎo)出一些指定的功能供其它 NgModule 使用。
• 一個(gè)模塊也是一個(gè)帶有 @NgModule 裝飾器的 TypeScript 類。

相關(guān)教程推薦：《angular教程》

NgModule 元數(shù)據(jù)

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

導(dǎo)入表， 聲明了要讓應(yīng)用運(yùn)轉(zhuǎn)所依賴的一些模塊。

• providers

聲明模塊中提供了哪些服務(wù)， 只能聲明服務(wù)。

• bootstrap

聲明模塊的主組件是什么。 只有根模塊才應(yīng)該設(shè)置這個(gè) bootstrap 屬性。