詳解Angular中的NgModule（模塊）

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

Angular 模塊（NgModule）

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

相關教程推薦：《angular教程》

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

聲明模塊的主組件是什么。 只有根模塊才應該設置這個 bootstrap 屬性。