一個簡單的模組

模組是一個帶有 @NgModule 裝飾器的類。要建立模組,我們新增 @NgModule 傳遞一些引數:

  • bootstrap:將成為應用程式根目錄的元件。此配置僅存在於根模組上
  • declarations:模組宣告的資源。新增新元件時,你必須更新宣告(ng generate component 會自動執行)
  • exports:資源可以在其他模組中使用的模組匯出
  • imports:模組從其他模組使用的資源(僅接受模組類)
  • providers:可以在元件中注入(di)的資源

一個簡單的例子:

import { AppComponent } from './app.component';
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
 
@NgModule({
  bootstrap: [AppComponent]
  declarations: [AppComponent],
  exports: [],
  imports: [BrowserModule],
  providers: [],
})
export class AppModule { }