一個簡單的模組
模組是一個帶有 @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 { }