change: variable to objects

diff --git a/src/app/app.component.html b/src/app/app.component.html
index 9454c8c2b72a9dbebbfbc19ffa4d09fc23eb0e54..1e75cf987033ccc7427656c86d633976caed61c3 100644 (file)
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -15,7 +15,7 @@
 
 <form #formTitle="ngForm" *ngIf="formTitleVisible" class="form">
        <label>Titel</label>
-       <input [(ngModel)]="title" name="title" type="text" />
+       <input [(ngModel)]="title.Title" name="title" type="text" />
        <button class="button"
                type="button"
                id="addTitle"
@@ -24,7 +24,7 @@
 
 <form #formSubtitle="ngForm" *ngIf="formSubtitleVisible" class="form">
        <label>Untertitel</label>
-       <input [(ngModel)]="subtitle" name="subtitle" type="text" />
+       <input [(ngModel)]="subtitle.Subtitle" name="subtitle" type="text" />
        <button class="button"
                type="button"
                id="addSubtitle"

diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 7144ae5b6309b1356fff573bc59a255d5e7a042c..587a62a3b2fdd8e7ffe41e0b57e3c088ea28400b 100644 (file)
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -12,16 +12,10 @@ import { IFoodCard } from './ifood-card';
 
 export class AppComponent
 {
-       public foodcard: IFoodCard = {
-               Titles: []
-       }       
-       public title: string = ""
-       public subtitle: string = ""
-       public food: IFood = {
-               Food: "",
-               sideDish: "",
-               price: ""
-       }
+       public foodcard: IFoodCard = { Titles: [] };
+       public title: ITitle = { Title: "", Subtitles: [] };
+       public subtitle: ISubtitle = { Subtitle: "", Foods: [] };
+       public food: IFood = { Food: "", sideDish: "", price: "" };
        public formTitleVisible: boolean = false;
        public formSubtitleVisible: boolean = false;
        public formFoodVisible: boolean = false;
@@ -64,20 +58,16 @@ export class AppComponent
 
        public addTitle(): void
        {
-               this.foodcard.Titles.push({
-                       Title: this.title,
-                       Subtitles: []
-               });
+               this.foodcard.Titles.push(this.title);
+               this.title = { Title: "", Subtitles: [] }
                this.formTitleVisible = false;
        }
 
        public addSubtitle(): void
        {
                let lastTitle = this.getLastTitle()
-               lastTitle.Subtitles.push({
-                       Subtitle: this.subtitle,
-                       Foods: []
-               });
+               lastTitle.Subtitles.push(this.subtitle);
+               this.subtitle = { Subtitle: "", Foods: [] };
                this.formSubtitleVisible = false;
        }