klausur-practice-3

demo/src/app/order-component/order-component.html

@@ -0,0 +1,25 @@
+<ul>
+  @for (product of products; track product.id) {
+  <li>
+    {{ product.name }} - Bestand: {{ product.stock }}
+    @if (product.stock == 0) { <span>(AUSVERKAUFT)</span> }
+  </li>
+  }
+
+  <hr>
+
+</ul>
+
+<form [formGroup]="orderForm" (ngSubmit)="submitOrder()">
+  <label for="name">Produktname: </label>
+  <input id="name" formControlName="productName" type="text" />
+
+  <br>
+
+  <label for="menge">Menge: </label>
+  <input id="menge" formControlName="amount" type="number" />
+
+  <br>
+
+  <input type="submit" value="Bestellen" />
+</form>