@NgModule

[web-dave]

Generiere ein neues Module.

Lokal

ng g module swapi

Online

1. Rechtsklick auf den src/app Ordner in der Projekt Section.
2. Klick auf Angular Generator
3. Module auswählen
4. Name swapi in Promt eingeben und bestätigen

Modul einbinden

Finde src/app/app.module.ts Trage das SwapiModule im AppModule in das imports Array ein. Trage das HttpClientModule im SwapiModule in das imports Array ein

Hints

show

AppModule

## app.module.ts ```ts @NgModule({ declarations: [ AppComponent ], imports: [ BrowserModule, AppRoutingModule, SwapiModule ], providers: [], bootstrap: [AppComponent] }) export class AppModule { } ```

SwapiModule

## swapi.module.ts ```ts import { NgModule } from '@angular/core'; import { CommonModule } from '@angular/common'; import { HttpClientModule } from '@angular/common/http' @NgModule({ declarations: [], imports: [ CommonModule, HttpClientModule ] }) export class SwapiModule { } ```

[web-dave]

Next