Текущее входное значение не передается обработчику событий в AngularJS

Question

<tr ng-repeat="item in groups">
    <td hidden><input type="hidden" value="{{item.id_group}}" /></td>
    <td><input type="text" value="{{item.description}}" class="form-control" /></td>
    <td>
        <a href="" ng-click="editGroup(item)">Edit |</a>
        <a href="" ng-click="deleteGroup(item)">Delete</a>
    </td>
</tr>

Таким образом, этот код должен был показывать значения в таблице, и когда пользователь изменяет что-либо в описании и нажимает кнопку «Изменить», он должен отправить новое значение на сервер. Вместо этого он публикует старые значения, мне нужна помощь, чтобы понять, почему это происходит.

Answer 1

Попробуйте использовать Ng-модель

<tr ng-repeat="item in groups track by $index">
    <td hidden><input type="hidden"  ng-model="groups[$index].id_group" /></td>
    <td><input type="text" ng-model="groups[$index].description" class="form-control" /></td>
    <td>
        <a href="" ng-click="editGroup(item)">Edit |</a>
        <a href="" ng-click="deleteGroup(item)">Delete</a>
    </td>
</tr>