Angular #9 - 深入淺出 Angular [1]

  @NgModule({
    declarations: [
      AppComponent,
      SummaryComponent,
      DashboardComponent,
      ManageComponent
    ],
    imports: [
      BrowserModule,
      AppRoutingModule,
      HttpClientModule,
      FormsModule,
      AppRoutingModule
    ],
    providers: [StocksService],
    bootstrap: [AppComponent]
  })
  export class AppModule { }

• 撇開該 import 的部份不看的話，NgModule 就是分為 declarations, imports, providers, bootstrap
• declarations 主要是告訴這個 NgModule，我的 Component/Directive 有哪些
• imports 主要是匯入其他的模組，有 Angular 本身的，也有自定義的模組(e.g. AppRoutingModule)，其他的 module 可以再定義第一點提到的四個 metadata
• providers 主要是這個 Module 底下的 Component 能使用的 Service 有哪些，並在 bootstrap 時產生 instance
• bootstrap 是 render 時要優先載入的 Component，大多數情況下只會有一個，當然也有例外，不過以後遇到再談