7. Alta y Eliminación de Productos

7.3. Conectar el formulario

Ahora, cuando el formulario emite un producto, llamamos a agregarProducto() y la lista se actualiza sola.

El constructor lo dejamos vacío, ya lo tenemos gestionado:

  constructor(private productService: ProductService) {
  //this.productService.cargarProductos().subscribe(datos => {
  //  console.log('Productos cargados:', datos);
  //});
  }

Abrimos app.ts y cambiamos el método:

  onProductoCreado(producto: any) {
    this.productService.agregarProducto(producto);
  }

Verificamos que funciona en el navegador