Tengo el siguiente código Html en Angular 9
el cual llamo a un json
que me devuelve los valores en la tabla.
<form>
<table>
<thead>
<tr>
<th>Código</th>
<th>Nombre</th>
<th colspan="2">Opción</th>
</tr>
</thead>
<tbody>
<tr *ngFor="let td of tiposDocumentos">
<td>{{td.codigoDocumento}}</td>
<td>{{td.nombreDocumento}}</td>
<td class="td-columna_botonModificar"><input type="button" value="Modificar" class="btn_modificar"></td>
<td class="td-columna_botonEliminar"><input type="button" value="Eliminar" class="btn_eliminar" (click)="eliminarFila()"></td>
</tr>
</tbody>
</table>
Hasta aquí todo bien, el problema es que quiero obtener el número de la fila seleccionada de mi tabla a través del botón eliminar que tiene el método (click)="eliminarFila()".
Realize el siguiente código en mi archivo component
lo siguiente
eliminarFila(){
var fila = $(this).parent().parent().index();
alert(fila);
}
Pero me arroja como resultado "-1" en cualquier fila que seleccione.
Nota: El jquery ya está instalado en mi proyecto Angular.