Aún no tienes acceso a esta clase

Crea una cuenta y continúa viendo este curso

Solicitudes DELETE

7/23
Recursos

Aportes 2

Preguntas 1

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

CRUD = Create Read Update Delete

Si seguiste mi consejo de crear un componente separado para el detalle del producto, puedes hacer las siguientes modificaciones para que cierre la ventana de detalle y se actualice la lista de productos:

product-detail.component.ts

  @Output() productDeleted = new EventEmitter<string>();
//
 deleteProduct(){
    const id = this.product.id;
    this.productsService.delete(id)
    .subscribe(data=>{
      this.productDeleted.emit(id)
    })
  }

products.component.html

<app-product-detail
            *ngIf="productChosen"
            [product]="productChosen"
            (productUpdated)="onUpdatedProduct($event)"
            (productDeleted)="onDeletedProduct($event)"
        ></app-product-detail>

products.module.ts

onDeletedProduct(id:string){
    this.showProductDetail = false
    const productIndex = this.products.findIndex(item => item.id === id)
    this.products.splice(productIndex, 1);
  }