Angular9 常用模塊

Angular 應(yīng)用至少需要一個(gè)充當(dāng)根模塊使用的模塊。 如果你要把某些特性添加到應(yīng)用中，可以通過(guò)添加模塊來(lái)實(shí)現(xiàn)。 下列是一些常用的 Angular 模塊，其中帶有一些其內(nèi)容物的例子：

導(dǎo)入模塊

當(dāng)你使用這些 Angular 模塊時(shí)，在 AppModule（或適當(dāng)?shù)奶匦阅K）中導(dǎo)入它們，并把它們列在當(dāng)前 @NgModule 的 imports 數(shù)組中。比如，在 Angular CLI 生成的基本應(yīng)用中，BrowserModule 會(huì)在 "app.module.ts" 中 AppModule 的頂部最先導(dǎo)入。

/* 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 { }

文件頂部的這些導(dǎo)入是 JavaScript 的導(dǎo)入語(yǔ)句，而 @NgModule 中的 imports 數(shù)組則是 Angular 特有的。

BrowserModule 和 CommonModule

BrowserModule 導(dǎo)入了 CommonModule，它貢獻(xiàn)了很多通用的指令，比如 ngIf 和 ngFor。 另外，BrowserModule 重新導(dǎo)出了 CommonModule，以便它所有的指令在任何導(dǎo)入了 BrowserModule 的模塊中都可以使用。

對(duì)于運(yùn)行在瀏覽器中的應(yīng)用來(lái)說(shuō)，都必須在根模塊中 AppModule 導(dǎo)入 BrowserModule，因?yàn)樗峁┝藛?dòng)和運(yùn)行瀏覽器應(yīng)用時(shí)某些必須的服務(wù)。BrowserModule 的提供者是面向整個(gè)應(yīng)用的，所以它只能在根模塊中使用，而不是特性模塊。 特性模塊只需要 CommonModule 中的常用指令，它們不需要重新安裝所有全應(yīng)用級(jí)的服務(wù)。

如果你把 BrowserModule 導(dǎo)入了惰性加載的特性模塊中，Angular 就會(huì)返回一個(gè)錯(cuò)誤，并告訴你要改用 CommonModule。