mdmoin7 · March 14, 2019 13:55
diff --git a/product-list.component.html b/product-list.component.html
 <app-product (addItem)="addDataToCart($event.product)" [pData]="product" ></app-product>
diff --git a/product.component.ts b/product.component.ts
 export class ProductComponent implements OnInit {

  @Input() pData: Product = null;
  @Output() addItem = new EventEmitter();

  constructor() { }

  ngOnInit() { }

  addToCart() {
    // send data to parent
    this.addItem.emit({ product: this.pData });
  }

 }
	export class ProductComponent implements OnInit {

	@Input() pData: Product = null;
	@Output() addItem = new EventEmitter();

	constructor() { }

	ngOnInit() { }

	addToCart() {
	// send data to parent
	this.addItem.emit({ product: this.pData });
	}

	}