adding product to cart from product detail page issue Fixed

ikismail · Oct 17, 2018 · bb20d2d · bb20d2d
1 parent c3f66df
commit bb20d2d
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/src/app/product/product-detail/product-detail.component.html b/src/app/product/product-detail/product-detail.component.html
@@ -21,7 +21,7 @@ <h6 class="my-0">Product Seller</h6>
               <span class="text-muted" style="color:crimson !important">{{product.productSeller}}</span>
             </li>
           </ul>
-          <button class="btn btn-primary">Add to Cart</button>
+          <button class="btn btn-primary" (click)="addToCart(product)">Add to Cart</button>
         </div>
       </div>
     </div>
@@ -55,4 +55,4 @@ <h5 class="product-head">Product Details</h5>
       </div>
     </div>
   </div>
-</div>
+</div>
diff --git a/src/app/product/product-detail/product-detail.component.ts b/src/app/product/product-detail/product-detail.component.ts
@@ -1,6 +1,6 @@
+import { Product } from "./../../shared/models/product";
 import { Component, OnInit, OnDestroy } from "@angular/core";
 import { ActivatedRoute } from "@angular/router";
-import { Product } from "../../shared/models/product";
 import { ProductService } from "../../shared/services/product.service";
 import { LoaderSpinnerService } from "../../shared/loader-spinner/loader-spinner";
 import { ToastyService, ToastOptions, ToastyConfig } from "ng2-toasty";
@@ -56,6 +56,10 @@ export class ProductDetailComponent implements OnInit, OnDestroy {
     );
   }
 
+  addToCart(product: Product) {
+    this.productService.addToCart(product);
+  }
+
   ngOnDestroy() {
     this.sub.unsubscribe();
   }