Current input value does not get passed to event handler in 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>

So this code was supposed to show values in a table and when the user changes anything in the description and click on Edit, it should POST the new value to the server. Instead it's posting the old value, I need some help please to identify why this is happening.

You should really be using buttons for those actions. Anchors are for navigation. — isherwood
– isherwood, Commented Mar 10, 2020 at 12:52

M A Salman · Accepted Answer · 2020-03-10 12:53:03Z

1

Try using Ng-model

<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>

answered Mar 10, 2020 at 12:53

M A Salman

3,8302 gold badges14 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Current input value does not get passed to event handler in AngularJS

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related