使用AngularJS隐藏输入

时间:2014-09-16 11:33:53

标签: angularjs hidden-field

我在每个<td>都有一个大型数据表和一个选择字段。在该选择字段中选择一个值时,我希望POST该值以及服务器的附加数组。 不幸的是,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>

x.idy.id都正确解析。但是在发送请求时,它们并未包含在compatibility对象中。相反,只有compatibility.rating被填充。

1 个答案:

答案 0 :(得分:1)

请参阅此处http://jsbin.com/kewopu/1/edit

使用ng-init代替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>