From d8b112bb862ac94bd3227016dc46a6e20e1184c1 Mon Sep 17 00:00:00 2001
From: Bastian Dehn <hhaalo@arcor.de>
Date: Mon, 6 Jun 2022 14:36:09 +0200
Subject: [PATCH] add: remove one food and fix new food refs

---
 src/app/app.component.html | 4 +++-
 src/app/app.component.ts   | 6 ++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/app/app.component.html b/src/app/app.component.html
index 5f965b8..2323d82 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -48,10 +48,12 @@
 	<h1>{{title.Title}}</h1>
 	<div *ngFor="let subtitle of title.Subtitles">
 		<h2>{{subtitle.Subtitle}}</h2>
-		<div *ngFor="let food of subtitle.Foods">
+		<div *ngFor="let food of subtitle.Foods; let i = index">
 			<div class="food">{{food.Food}}</div>
 			<div class="sideDish">{{food.sideDish}}</div>
 			<div class="price">{{food.price}}</div>
+			<button type="button"
+				(click)="removeFood(subtitle, i)">Löschen</button>
 		</div>
 	</div>
 </div>
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 9eeab51..0432c23 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -84,6 +84,12 @@ export class AppComponent
 	{
 		let lastSubtitle = this.getLastSubtitle();
 		lastSubtitle.Foods.push(this.food);
+		this.food = { Food: "", sideDish: "", price: "" };
+	}
+
+	public removeFood(subtitle: ISubtitle, foodindex: number): void
+	{
+		subtitle.Foods.splice(foodindex, 1);
 	}
 
 	private getLastTitle(): ITitle
-- 
2.39.5