Listen

[web-dave]

Daten holen

1. Hole den Service per DI in deine ShipsComponent
2. Definiere ein neues Klassen Attribute für die Daten vom Service
3. Rufe die ServiceMethode mit dem Richtigen Parameter auf
4. Und speichere die Daten im Klassen Attr.
5. Schau dir das Result an und überlege wie du an die Daten kommst.
6. Zeige die Daten in einer Tabelle an

FilmsComponent

export class FilmsComponent implements OnInit {
  films: any;
  constructor(private service: ApiService) {}

  ngOnInit(): void {
    this.service
      .getList('films')
      .subscribe((data) => (this.films = data.results));
  }
}

Template

<table>
  <tr>
    <th>Titel</th>
    <th>Director</th>
    <th>Producer</th>
    <th>link</th>
  </tr>
  <tr *ngFor="let film of films">
    <td>{{ film.title }}</td>
    <td>{{ film.director }}</td>
    <td>{{ film.producer }}</td>
    <td><a [routerLink]="film.url">Mehr</a></td>
  </tr>
</table>

[web-dave]

Next