From 8d3c91bffe79928d13c390002d4f10a42002b9b4 Mon Sep 17 00:00:00 2001
From: Raghu-Ch <raghu6004@gmail>
Date: Mon, 17 Sep 2018 11:27:32 -0400
Subject: [PATCH] check errors

---
 src/app/product/product-detail.component.html | 8 ++++----
 src/app/product/product-detail.component.ts   | 7 ++++---
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/app/product/product-detail.component.html b/src/app/product/product-detail.component.html
index 3ff09fb..dd0b18b 100644
--- a/src/app/product/product-detail.component.html
+++ b/src/app/product/product-detail.component.html
@@ -1,8 +1,8 @@
 <section>
   <div class="content">
-    <h3>{{currentProduct.productName}}</h3>
-    <p>Brand: {{currentProduct.brand}}</p>
-    <p>$ {{currentProduct.price}}</p>
-    <p>{{currentProduct.category}}</p>
+    <h3>{{product.productName}}</h3>
+    <p>Brand: {{product.brand}}</p>
+    <p>$ {{product.price}}</p>
+    <p>{{product.category}}</p>
   </div>
 </section>
diff --git a/src/app/product/product-detail.component.ts b/src/app/product/product-detail.component.ts
index 1e30926..96402b5 100644
--- a/src/app/product/product-detail.component.ts
+++ b/src/app/product/product-detail.component.ts
@@ -2,6 +2,7 @@ import { Component, OnInit } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 
 import { ProductService } from '../product/product.service';
+import { Product } from './product';
 
 @Component({
   selector: 'app-product-detail',
@@ -10,7 +11,7 @@ import { ProductService } from '../product/product.service';
 })
 export class ProductDetailComponent implements OnInit {
 
-  currentProduct = {};
+  product: Product;
 
   constructor(private productService: ProductService, private route: ActivatedRoute) { }
 
@@ -23,8 +24,8 @@ export class ProductDetailComponent implements OnInit {
     // const id$ = this.route.params.subscribe(params => console.log(params['id']));
     // console.log(id$);
     this.productService.getProduct(id).subscribe((res) => {
-      this.currentProduct = res;
-      console.log(this.currentProduct);
+      this.product = res;
+      console.log(this.product);
     });
   }
 }