products.component.ts

import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-products',
templateUrl: './products.component.html',
styleUrls: ['./products.component.css']
})
export class ProductsComponent implements OnInit {
allProduct:any=[
{
"p_id": 1,
"pname": "omega",
"pprice": 100000,
"pimg": "http://cdn2.jomashop.com/media/catalog/product/o/m/omega-seamaster-planet-ocean-black-dial-men_s-watch-232.30.42.21.01.001_1.jpg",
"soh": 5
},
{
"p_id": 2,
"pname": "timex",
"pprice": 2000,
"pimg": "http://ecx.images-amazon.com/images/I/51Ezfl22mYL._AC_UL260_SR200,260_.jpg",
"soh": 10
},
{
"p_id": 3,
"pname": "titan",
"pprice": 12000,
"pimg": "http://ecx.images-amazon.com/images/I/51fnWFY3s3L._AC_UL260_SR200,260_.jpg",
"soh": 15
},
{
"p_id": 4,
"pname": "fossil",
"pprice": 18000,
"pimg": "http://i.ebayimg.com/00/s/NjAwWDYwMA==/z/ZN8AAOSwd4tT5KNF/$_32.JPG",
"soh": 8
},
{
"p_id": 5,
"pname": "rolex",
"pprice": 125000,
"pimg": "http://dvciknd2kslsk.cloudfront.net/images/watchfinderimages/Watch/Rolex/GMT-Master-II/76399-2005568029.jpg",
"soh": 3
},
{
"p_id": 6,
"pname": "fast track",
"pprice": 3000,
"pimg": "http://www.shadestation.co.uk/media/product_images/Uboat-Watches-Titaniumd.gif",
"soh": 10
},
{
"p_id": 7,
"pname": "citizen",
"pprice": 15000,
"pimg": "https://static2.ethoswatches.com/media/catalog/product/cache/1/small_image/498x750/9df78eab33525d08d6e5fb8d27136e95/c/i/citizen-casual-an8070-53a.jpg",
"soh": 5
},
{
"p_id": 8,
"pname": "guess",
"pprice": 15800,
"pimg": "https://static2.ethoswatches.com/media/catalog/product/cache/1/small_image/498x750/9df78eab33525d08d6e5fb8d27136e95/a/n/an8070-53a.jpg",
"soh": 10
}
];
constructor() { }

ngOnInit() {
}