Anzeige der Tasks als Liste

src/app/task-list/task-list.component.html

@@ -0,0 +1,7 @@
+<ul>
+    <li *ngFor="let task of tasks">
+        <span>Titel: {{task.titel}}</span>
+        <br/>
+        <span>Inhalt: {{task.inhalt}}</span>
+    </li>
+</ul>

src/app/task-list/task-list.component.ts

@@ -0,0 +1,20 @@
+import { Component, OnInit } from '@angular/core';
+import { BackendService, Task } from '../services/backend.service';
+
+@Component({
+  selector: 'app-task-list',
+  templateUrl: './task-list.component.html',
+  styleUrls: ['./task-list.component.css']
+})
+export class TaskListComponent implements OnInit {
+
+  public tasks: Task[] = [];
+
+  constructor(private backendService: BackendService) { 
+    backendService.getTasks().subscribe(t => this.tasks.push(...t));
+  }
+
+  ngOnInit(): void {
+  }
+
+}