Как получить динамические данные строки таблицы по нажатию кнопки в таблице в машинописи

Question

Я использую динамическую таблицу с каждой строкой, имеющей кнопку, при нажатии кнопки мне нужны данные о соответствующей кнопке строки.

Я пытался (щелкнуть) привязку события, и яполучить выходные данные как неопределенные.

<table>
<thead> <tr> <th> Name </th> <th> Company </th> </tr> </thead>
<tr *ngFor = "let employee of employees" (click) = "removeEmployee(row)">
            <td> <input type="text" [(ngModel)]= "employee.name"></td>
            <td> <input type="text" [(ngModel)] = "employee.companyName"> </td>
</tr>
</table>

.ts файл

removeEmployee(tr) {
      console.log(tr);
    }

ожидается: при нажатии кнопки будут выведены данные строки таблицы.

актуально: отображается неопределенное.

Answer 1

изменить строку в сотруднике:

<tr *ngFor = "let employee of employees" (click) = "removeEmployee(employee)">

Answer 2

Вот ваше решение для этого

<table>
<thead> <tr> <th> Name </th> <th> Company </th> </tr> </thead>
<tr *ngFor = "let employee of employees" (click) = "removeEmployee(employee)">
            <td> <input type="text" [(ngModel)]= "employee.name"></td>
            <td> <input type="text" [(ngModel)] = "employee.companyName"> </td>
</tr>
</table>

.ts file

removeEmployee(tr) {
      console.log(tr);
    }