enabled add and delete product

Author: cornflourblue

app/products/product-add-edit.component.ts

@@ -13,7 +13,7 @@ import { ProductService, PubSubService } from '../_services/index';
 
 export class ProductAddEditComponent implements OnInit {
     title = "Add Product";
-    product: any;
+    product: any = {};
 
     constructor(
         private route: ActivatedRoute,

app/products/product-list.component.html

@@ -9,7 +9,7 @@
     <tr *ngFor="let product of products">
         <td><a [routerLink]="['edit', product.id]">{{product.name}}</a></td>
         <td>${{product.price}}</td>
-        <td><a class="btn btn-xs btn-danger">Delete</a></td>
+        <td><a (click)="deleteProduct(product.id)" class="btn btn-xs btn-danger">Delete</a></td>
     </tr>
 </table>
 <div class="view-side-form">