Hidden inputs with AngularJS

Question

I have a large table of data and a select field in each <td>. When selecting a value in that select field, I want to POST that value and an additional array to the server. Unfortunately, the additional array is being ignored by Angular:

<td>
    <input type="hidden" ng-model="compatibility.attributes" ng-value="[x.id, y.id]">
    <select ng-change="addCompatibility(compatibility)"
            ng-model="compatibility.rating"
            ng-options="rating.name for rating in ratings">
        <option value="">Rate</option>
    </select>
</td>

Both x.id and y.id are being resolved correctly. But they're not being included in the compatibility object when sending my request. Instead, only compatibility.rating is being filled.

So far it's only: $scope.addCompatibility = function(c) {console.log(c);}) where the only value c holds is rating. — doque
– doque, Commented Sep 16, 2014 at 11:44

sylwester · Accepted Answer · 2014-09-16 11:49:37Z

1

Please see here http://jsbin.com/kewopu/1/edit

Use ng-init instead of ng-value

 <input type="hidden" ng-model="compatibility.attributes" ng-init="compatibility.attributes=[x.id, y.id]" >
    <select ng-change="addCompatibility(compatibility)"
            ng-model="compatibility.rating"
            ng-options="rating.name for rating in ratings">
        <option value="">Rate</option>
    </select>

answered Sep 16, 2014 at 11:49

sylwester

16.5k1 gold badge27 silver badges33 bronze badges

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

Collectives™ on Stack Overflow

Hidden inputs with 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