Formular wie in Tutorial ergänzt -- Funzt nicht

[examples/angular-tutorial] / src / app / cart / cart.component.html

diff --git a/src/app/cart/cart.component.html b/src/app/cart/cart.component.html
index 6bdabc8..7e9bf3d 100644 (file)
--- a/src/app/cart/cart.component.html
+++ b/src/app/cart/cart.component.html
@@ -1 +1,30 @@
-<p>cart works!</p>
+<h3>Cart</h3>
+
+<p>
+  <a routerLink="/shipping">Shipping Prices</a>
+</p>
+
+<div class="cart-item" *ngFor="let item of items">
+  <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>