From 941377e26e9143e39b447e9d3d570bcd46a6e55b Mon Sep 17 00:00:00 2001
From: Bastian Dehn <hhaalo@arcor.de>
Date: Mon, 6 Jun 2022 12:19:59 +0200
Subject: [PATCH] add: bind food ngmodel

---
 src/app/app.component.html | 6 +++---
 src/app/app.component.ts   | 6 ++++++
 src/app/ifood-card.ts      | 6 ++++++
 src/app/ifood.ts           | 6 ++++++
 src/app/isubtitle.ts       | 6 ++++++
 src/app/ititle.ts          | 6 ++++++
 6 files changed, 33 insertions(+), 3 deletions(-)
 create mode 100644 src/app/ifood-card.ts
 create mode 100644 src/app/ifood.ts
 create mode 100644 src/app/isubtitle.ts
 create mode 100644 src/app/ititle.ts

diff --git a/src/app/app.component.html b/src/app/app.component.html
index a774c89..d556a0c 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -29,11 +29,11 @@
 
 <form #formFood="ngForm" *ngIf="formFoodVisible" class="form">
 	<label>Speise</label>
-	<input name="food" type="text" />
+	<input [(ngModel)]="food.Food" name="food" type="text" />
 	<label>Beilage</label>
-	<input name="sideDish" type="text" />
+	<input [(ngModel)]="food.sideDish" name="sideDish" type="text" />
 	<label>Preis</label>
-	<input name="price" type="text" />
+	<input [(ngModel)]="food.price" name="price" type="text" />
 	<button class="button"
 		type="button"
 		id="addFood">Hinzufügen</button>
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 591df67..b168910 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -1,4 +1,5 @@
 import { Component } from '@angular/core';
+import { IFood } from './ifood';
 
 @Component({
 	selector: 'app-root',
@@ -10,6 +11,11 @@ export class AppComponent
 {
 	public title: string = ""
 	public subtitle: string = ""
+	public food: IFood = {
+		Food: "",
+		sideDish: "",
+		price: ""
+	}
 	public formTitleVisible: boolean = false;
 	public formSubtitleVisible: boolean = false;
 	public formFoodVisible: boolean = false;
diff --git a/src/app/ifood-card.ts b/src/app/ifood-card.ts
new file mode 100644
index 0000000..2f3c1ea
--- /dev/null
+++ b/src/app/ifood-card.ts
@@ -0,0 +1,6 @@
+import { ITitle } from './ititle';
+
+export interface IFoodCard
+{
+	Titles: ITitle[];
+}
diff --git a/src/app/ifood.ts b/src/app/ifood.ts
new file mode 100644
index 0000000..30f8230
--- /dev/null
+++ b/src/app/ifood.ts
@@ -0,0 +1,6 @@
+export interface IFood
+{
+	Food: string;
+	sideDish: string;
+	price: string;
+}
diff --git a/src/app/isubtitle.ts b/src/app/isubtitle.ts
new file mode 100644
index 0000000..330289e
--- /dev/null
+++ b/src/app/isubtitle.ts
@@ -0,0 +1,6 @@
+import { IFood } from './ifood';
+
+export interface ISubtitle
+{
+	Foods: IFood[];
+}
diff --git a/src/app/ititle.ts b/src/app/ititle.ts
new file mode 100644
index 0000000..34268db
--- /dev/null
+++ b/src/app/ititle.ts
@@ -0,0 +1,6 @@
+import { ISubtitle } from './isubtitle'
+
+export interface ITitle
+{
+	Subtitles: ISubtitle[];
+}
-- 
2.39.5