本篇文章帶大家詳細(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 類。
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 屬性。
