詳解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 屬性。

更多程式相關知識，請造訪：###程式設計教學###！ ！ ###

以上是詳解Angular中的NgModule（模組）的詳細內容。更多資訊請關注PHP中文網其他相關文章！