как сделать так, чтобы кнопка имела значение (id), поэтому, когда пользователь нажимает кнопку, я хочу вызвать функцию с идентификатором

Question

Я хочу, чтобы у кнопок был id , чтобы я мог что-то сделать, когда нажата кнопка. Как я могу это сделать? мне нужно связать с ng-model или как я могу передать значение (id) при нажатии?

<table>
<tr ng-repeat="field in availableFields">
    <td style="padding:3px;">{{field.name}}</td>
    <td style="padding:3px;">
    <button type="button" ng-model="" class="btn btn-danger" style="margin-left:10px;"><i class="fas fa- 
   check"></i>&nbsp;Required</button>
    <button type="button" class="btn btn-warning"><i class="fas fa-check"> 
   </i>&nbsp;Default&nbsp;&nbsp;&nbsp;</button>
    </td>
</tr>
</table>

Answer 1

Нельзя использовать ng-model с элементами кнопки. Поскольку вы находитесь внутри ng-repeat, вы можете использовать $index или свойство поля (например, field.id) и передать его в ng-click функцию:

<tr ng-repeat="field in availableFields">
    <td style="padding:3px;">{{field.name}}</td>
    <td style="padding:3px;">
    <button type="button" ng-click="onClick($index)" class="btn btn-danger" style="margin-left:10px;"><i class="fas fa- 
   check"></i>&nbsp;Required</button>
    <button type="button" class="btn btn-warning"><i class="fas fa-check"> 
   </i>&nbsp;Default&nbsp;&nbsp;&nbsp;</button>
    </td>
</tr>