AngularJs：如何在表单提交时获取 ng-repeat 输入/复选框值？

Question

在我的表单中，输入字段和复选框重复如下。

<form class="form-horizontal popupform" novalidate>
    <input type="text" data-ng-model="returns.altCity">
    <input type="text" data-ng-model="returns.altZip">
    <input type="text" data-ng-model="returns.altName">

 <table class="table table-striped">
       <thead>
        </thead>
        <tbody>
<tr data-ng-repeat="item in order_items">
         <td>{{item.id}}</td>
         <td>{{item.price}}</td>
        <td>
           <input name="quantity-item.id"  type="number"
                  data-ng-model="item.quantity"
                   value="returns.id">
         </td>
         <td align="center">
             <input type="checkbox" checklist-model="item.checkOrder"
                checklist-value="returns.id" checked="checked">
                  <label>&nbsp;</label>
</td>
            </tr>
                            </tbody>
                        </table>
 <button type="button" data-ng-click="saveReturnCases(returns)">Submit</button>

</form>

我想在按钮单击中获取数字输入字段和复选框值。如何获取重复的字段值？

Answer 1

您可以将值存储在一个数组中，使用由 ngRepeat 增加的 $index 值，然后提交这个数组（$scope.quantities 和 $scope.checksOrder）。

<tr data-ng-repeat="returns in item.order_items">
         <td>{{item.id}}</td>
         <td>{{item.price}}</td>
        <td>
           <input name="quantity-item.id"  type="number"
                  data-ng-model="quantities[$index]"
                   value="returns.id">
         </td>
         <td align="center">
             <input type="checkbox" checklist-model="checksOrder[$index]"
                checklist-value="returns.id" checked="checked">
                  <label>&nbsp;</label>
</td>
            </tr>
                            </tbody>
                        </table>
 <button type="button" data-ng-click="saveReturnCases()">Submit</button>