Tengo la siguiente tabla que carga perfectamente recibiendo datos json
desde un backend.
Tengo el siguiente componente "documento.component.ts" que tiene un método para el botón eliminar llamado "abrirFormularioEliminacion(doc)" que hace una llamada a un servicio llamado "documento.service.ts"
<form>
<table>
<thead>
<tr>
<th>Código</th>
<th>Nombre</th>
<th colspan="2">Acción</th>
</tr>
</thead>
<tbody>
<tr *ngFor="let doc of documentosArray; let i = index;">
<td>{{doc.codigoDocumento}}</td>
<td>{{doc.nombreDocumento}}</td>
<td><button>Modificar</button></td>
<td (click)="abrirFormularioEliminacion(doc)"><button>Eliminar</button></td>
</tr>
</tbody>
</table>
</form>
constructor(
public documentoService: DocumentoService
) { }
documentosArray: any;
ngOnInit(): void {
this.documentoService.obtenerListaDocumentos().subscribe(datos =>{
this.documentosArray = datos;
});
}
abrirFormularioEliminacion(doc: any){
this.documentoService.abrirFormularioConfirmacion(doc.codigoDocumento);
}
"documento.service.ts" hace una llamada a otro componente que mostrará un HTML en un Modal
abrirFormularioConfirmacion(codigo: String){
let matDialogRef: MatDialogRef<DocumentoModalComponent> = this.matDialog.open(DocumentoModalComponent, {
width: '390px',
disableClose: true
});
matDialogRef.componentInstance.codigoDocumento = codigo;
}
El componente que se mostrará como modal tiene el nombre de "documento-modal.component.ts" el cual solo tiene una variable que va ha recibir del código anterior y un método para cerrar el Modal.
<div>
<div class="contenedor-contenido">
¿Estás seguro de querer eliminar el registro N° {{codigoDocumento}}?
</div>
<div>
<button (click)="cerrarModal()">No</button><button>Si</button>
</div>
</div>
constructor(
public matdialogRef: MatDialogRef<DocumentoModalComponent>
) { }
codigoDocumento: String;
ngOnInit(): void {
}
cerrarModal(){
this.matdialogRef.close();
}
Hasta aquí todo bien, pero quiero eliminar la fila de la tabla al presionar el botón "Si" del Modal. Se que debo usar la propiedad splice de javascript pero nose como hacer para que el componente del documento-modal encuentre la variable del componente documento, necesito una ayuda.