X-Git-Url: https://juplo.de/gitweb/?p=examples%2Fangular-tutorial;a=blobdiff_plain;f=src%2Fapp%2Fcart%2Fcart.component.ts;fp=src%2Fapp%2Fcart%2Fcart.component.ts;h=3d3bb99db695a6644737196555e50adcb8d96661;hp=500bd05d33929be66be1dd900e357aa02600cf76;hb=4e252c8302c1172c971830e29b4e46d3a2efd50a;hpb=ee115f4fe5bf9c35ef9ee5a1ae41b76e0bb88ea5

diff --git a/src/app/cart/cart.component.ts b/src/app/cart/cart.component.ts
index 500bd05..3d3bb99 100644
--- a/src/app/cart/cart.component.ts
+++ b/src/app/cart/cart.component.ts
@@ -1,4 +1,5 @@
 import { Component, OnInit } from '@angular/core';
+import { FormBuilder } from '@angular/forms';
 import { CartService } from '../cart.service';
 
 @Component({
@@ -9,11 +10,26 @@ import { CartService } from '../cart.service';
 export class CartComponent implements OnInit {
 
   items;
+  checkoutForm;
 
-  constructor(private cartService: CartService) { }
+  constructor(
+      private cartService: CartService,
+      private formBuilder: FormBuilder) {
+    this.checkoutForm = this.formBuilder.group({
+      name: '',
+      address: ''
+    });
+  }
 
   ngOnInit() {
     this.items = this.cartService.getItems();
   }
 
+  onSubmit(customerData) {
+    // Process checkout data here
+    console.warn('Your order has been submitted', customerData);
+
+    this.items = this.cartService.clearCart();
+    this.checkoutForm.reset();
+  }
 }