值得信赖的彩票平台

Angular9 常用模塊

Angular 應用至少需要一個充當根模塊使用的模塊。 如果你要把某些特性添加到應用中,可以通過添加模塊來實現。 下列是一些常用的 Angular 模塊,其中帶有一些其內容物的例子:

NgModule 導入自 為何使用
BrowserModule @angular/platform-browser 當你想要在瀏覽器中運行應用時
CommonModule @angular/common 當你想要使用 NgIfNgFor
FormsModule @angular/forms 當要構建模板驅動表單時(它包含 NgModel )
ReactiveFormsModule @angular/forms 當要構建響應式表單時
RouterModule @angular/router 要使用路由功能,并且你要用到 RouterLink,.forRoot().forChild()
HttpClientModule @angular/common/http 當你要和服務器對話時

導入模塊

當你使用這些 Angular 模塊時,在 AppModule(或適當的特性模塊)中導入它們,并把它們列在當前 @NgModuleimports 數組中。比如,在 Angular CLI 生成的基本應用中,BrowserModule 會在 "app.module.ts" 中 AppModule 的頂部最先導入。

/* import modules so that AppModule can access them */
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [ /* add modules here so Angular knows to use them */
    BrowserModule,
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

文件頂部的這些導入是 JavaScript 的導入語句,而 @NgModule 中的 imports 數組則是 Angular 特有的。

BrowserModule 和 CommonModule

BrowserModule 導入了 CommonModule,它貢獻了很多通用的指令,比如 ngIfngFor。 另外,BrowserModule 重新導出了 CommonModule,以便它所有的指令在任何導入了 BrowserModule 的模塊中都可以使用。

對于運行在瀏覽器中的應用來說,都必須在根模塊中 AppModule 導入 BrowserModule,因為它提供了啟動和運行瀏覽器應用時某些必須的服務。BrowserModule 的提供者是面向整個應用的,所以它只能在根模塊中使用,而不是特性模塊。 特性模塊只需要 CommonModule 中的常用指令,它們不需要重新安裝所有全應用級的服務。

如果你把 BrowserModule 導入了惰性加載的特性模塊中,Angular 就會返回一個錯誤,并告訴你要改用 CommonModule

以上內容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號

意見反饋
返回頂部
值得信赖的彩票平台

              沙湾县| 疏附县| 蒙山县| 九寨沟县| 安仁县| 娄底市| 玉环县| 同江市| 清涧县| 晋州市| 登封市| 昭平县| 阿拉善盟| 丰镇市| 安多县| 安康市| 虹口区| 大名县|