Angularおさらい

最初にapp.moduleに記載する要素

@NgModuleに記載する基本要素の備忘録

declarations :

• ディレクティブ(含むコンポーネント、パイプ）を記載
• htmlテンプレートに書くこと

providers :

• Serviceなど、DIで解決するものを記載

imports

• 外部のAngularモジュール。
• Httpモジュール,UIモジュール,Rootingモジュールなど

サンプル

• こんな感じ

const appRoutes: Routes = [ // 追加
  { path: '', component: ListComponent },
];

@NgModule({
  declarations: [
    AppComponent,
    ListComponent
  ],
  imports: [
    BrowserModule,
    RouterModule.forRoot(appRoutes)
  ],
  exports: [RouterModule],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }