vcgit-forge/InventoryApp
1
0
Fork 0
mirror of https://github.com/Raghu-Ch/InventoryApp.git synced 2026-02-10 12:53:03 -05:00
Code Issues Packages Projects Releases Wiki Activity

check errors

Browse Source
This commit is contained in:
Raghu-Ch
2018-09-17 11:27:32 -04:00
parent 3dc264ddc1
commit 8d3c91bffe
2 changed files with 8 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/app/product/product-detail.component.html
View File

@@ -1,8 +1,8 @@
<section> <section>
<div class="content"> <div class="content">
<h3>{{currentProduct.productName}}</h3> <h3>{{product.productName}}</h3>
<p>Brand: {{currentProduct.brand}}</p> <p>Brand: {{product.brand}}</p>
<p>$ {{currentProduct.price}}</p> <p>$ {{product.price}}</p>
<p>{{currentProduct.category}}</p> <p>{{product.category}}</p>
</div> </div>
</section> </section>

7
src/app/product/product-detail.component.ts
View File

@@ -2,6 +2,7 @@ import { Component, OnInit } from '@angular/core';
import { ActivatedRoute } from '@angular/router'; import { ActivatedRoute } from '@angular/router';
import { ProductService } from '../product/product.service'; import { ProductService } from '../product/product.service';
import { Product } from './product';
@Component({ @Component({
selector: 'app-product-detail', selector: 'app-product-detail',
@@ -10,7 +11,7 @@ import { ProductService } from '../product/product.service';
}) })
export class ProductDetailComponent implements OnInit { export class ProductDetailComponent implements OnInit {
currentProduct = {}; product: Product;
constructor(private productService: ProductService, private route: ActivatedRoute) { } 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'])); // const id$ = this.route.params.subscribe(params => console.log(params['id']));
// console.log(id$); // console.log(id$);
this.productService.getProduct(id).subscribe((res) => { this.productService.getProduct(id).subscribe((res) => {
this.currentProduct = res; this.product = res;
console.log(this.currentProduct); console.log(this.product);
}); });
} }
} }