Estoy usando mat-table para generar una tabla con dos columnas, una con ID y otra que es una casilla de verificación con un botón en la parte superior. Hay 15 filas de datos.

 <mat-table [dataSource]="dataSource$"> <ng-container matColumnDef="process"> <mat-header-cell #checkBox *matHeaderCellDef> Process </mat-header-cell> <mat-cell *matCellDef="let execution"> {{execution.process}} </mat-cell> </ng-container> <ng-container matColumnDef="reprocess"> <mat-header-cell *matHeaderCellDef> <button tslbutton class="tslbutton" (click)="reprocessHomeProcesses(execution)" id="reprocessButton"> Reprocess </button> </mat-header-cell> <mat-cell id="reprocessCell" *matCellDef="let execution"> <mat-checkbox class="checker"></mat-checkbox> </mat-cell> </ng-container> </mat-table>

En mi función de mecanografiado, literalmente solo estoy tratando de imprimirlo antes que nada. Esto no funcionará.

 reprocessHomeProcesses(exe) { console.log(exe) }

Sin embargo, se muestra en la pantalla con {{execution.process}}

Básicamente, cuando se marca un elemento, quiero que la información del proceso correspondiente se transmita a TS para realizar una llamada a la API. Sin embargo, no puedo pasar la ejecución de HTML sin importar lo que intente.

Arriba puede ver que estoy tratando de pasar la ejecución directamente, sin embargo, esto devuelve indefinido. Para empezar, me gustaría poder pasar la información de ejecución a TS. Después de eso, me gustaría poder seleccionar tantos procesos como sea necesario usando las casillas de verificación y luego pasarlos a TS para que los llame con una API.

¿Hay alguna razón por la que no puedo imprimir la ejecución? ¿Por qué puedo verlo perfectamente en HTML pero no puedo imprimirlo en la consola a través de TS? ¿Que puedo hacer?