Step 7.2: Create form inside PartyDetails template

Urigo · Dec 14, 2016 · 7857cd9 · 7857cd9
1 parent 5570f26
commit 7857cd9
Showing 1 changed file with 11 additions and 5 deletions.
diff --git a/client/imports/app/parties/party-details.component.html b/client/imports/app/parties/party-details.component.html
@@ -1,7 +1,13 @@
-<header *ngIf="party">
+<form *ngIf="party" (submit)="saveParty()">
-  <h2>{{party.name}}</h2>
+  <label>Name</label>
+  <input type="text" [(ngModel)]="party.name" name="name">
 
-  <p>{{party.description}}</p>
+  <label>Description</label>
+  <input type="text" [(ngModel)]="party.description" name="description">
 
-  <p>{{party.location}}</p>
+  <label>Location</label>
-</header>
+  <input type="text" [(ngModel)]="party.location" name="location">
+
+  <button type="submit">Save</button>
+  <a [routerLink]="['/']">Cancel</a>
+</form>