import { Component, OnInit } from '@angular/core';
+import { FormBuilder } from '@angular/forms';
import { CartService } from '../cart.service';
@Component({
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();
+ }
}