delete page

import { Component, OnInit } from '@angular/core';
import { ProductService } from '../../product.service';
import { Router } from '@angular/router';
import { ProductInterface } from '../../product-interface';

@Component({
  selector: 'app-admin-products',
  templateUrl: './admin-products.component.html',
  styleUrls: ['./admin-products.component.css']
})
export class AdminProductsComponent implements OnInit {
  products: ProductInterface[] = [];

  constructor(private productService: ProductService, private router: Router) { }

  ngOnInit() {
    this.getProducts();
  }

  editProduct(id) {
    this.router.navigate([`/admin/products/${id}`]);
  }

  deleteProduct(id) {
    if (confirm('You are about to permanently remove this product. Continue?')) {
      this.productService.deleteAProduct(id).subscribe(() => this.ngOnInit());
    }
  }

  getProducts() {
    this.productService.getAllProducts().subscribe((products: ProductInterface[]) => {
      console.log(products);
      this.products = products;
    });
  }

}