X-Git-Url: https://juplo.de/gitweb/?p=examples%2Fangular-tutorial;a=blobdiff_plain;f=src%2Fapp%2Fcart%2Fcart.component.html;fp=src%2Fapp%2Fcart%2Fcart.component.html;h=7e9bf3d2b1d07941feaf6d5d44db93e751b1ad91;hp=5ccdc17f2315886e81e1b929b30b31ef263a520a;hb=4e252c8302c1172c971830e29b4e46d3a2efd50a;hpb=ee115f4fe5bf9c35ef9ee5a1ae41b76e0bb88ea5

diff --git a/src/app/cart/cart.component.html b/src/app/cart/cart.component.html
index 5ccdc17..7e9bf3d 100644
--- a/src/app/cart/cart.component.html
+++ b/src/app/cart/cart.component.html
@@ -8,3 +8,23 @@
   <span>{{ item.name }}</span>
   <span>{{ item.price | currency }}</span>
 </div>
+
+<form [formGroup]="checkoutForm" (ngSubmit)="onSubmit(checkoutForm.value)">
+
+  <div>
+    <label for="name">
+      Name
+    </label>
+    <input id="name" type="text" formControlName="name">
+  </div>
+
+  <div>
+    <label for="address">
+      Address
+    </label>
+    <input id="address" type="text" formControlName="address">
+  </div>
+
+  <button class="button" type="submit">Purchase</button>
+
+</form>