Angular中NgModule的示例分析

這篇文章主要介紹了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的示例分析”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，更多相關知識等著你來學習!