Можно ли передать значение сгенерированного Angular входа без идентификатора в функцию?

Question

Я пытаюсь сделать значения ячеек в столбце таблицы редактируемыми. Проблема в том, что, поскольку таблица генерируется динамически с использованием MatTableDataSource в Angular со значениями из API, элементы ячейки не могут иметь уникальные идентификаторы. Как сделать так, чтобы при размытии (после редактирования и изменения значения в ячейке) оно передавало это значение функции, которая затем записывала это новое значение в запрос к API для его обновления?

Вот HTML-код столбца, о котором идет речь:

<div>
  <table mat-table matSort (matSortChange)="sortData($event)" [dataSource]="sortedData">
<!-- Other columns -->
    <ng-container matColumnDef="maxInstalls">
       <th mat-header-cell *matHeaderCellDef>Max Installs</th>
       <td mat-cell *matCellDef="let profile">
       <input type="number" min="0" value="{{profile.maximumInstalls}}"> <!-- I just need the value of this input -->
       </td>
      </ng-container>
<!-- Other columns -->
      <tr mat-header-row *matHeaderRowDef="columnsToDisplay"></tr>
      <tr mat-row *matRowDef="let row; columns: columnsToDisplay;">
      </tr>
  </table>
</div>

Answer 1

А как же

<input type="number" min="0" value="{{profile.maximumInstalls}}" (blur)="onBlu(profile)"> 

если вы хотите получить значение для ввода, вам нужно создать ссылку для ввода и использовать его, как показано ниже

<input #valueInput type="number" min="0" value="{{profile.maximumInstalls}}" (blur)="onBlur(valueInput.value)"> 

см. Рабочий пример здесь