如何在 AngularJS 中使用 ng-model 将 html“选择”控制输入存储到 JSON 对象？

Question

我正在使用 ng-repeat 将“选择”输入控件绑定到每一行。绑定后，我想使用 ng-model 将“选择”控件中的选定值存储到 JSON 对象。如何实现这一点？

我的代码：

<table>
    <tr ng-repeat="(refreshments,price) in items">
           <td>
             <label>{{refreshments}}</label>
            </td>
            <td style="padding-left:500px">
            </td>
            <td>
              <label>{{price}}</label>
            </td>
            <td class="td_width">
            </td>
            <td>
               <select ng-model="quantity">
                  <option value="0">0</option>
                  <option value="1">1</option>
                  <option value="2">2</option>
                  <option value="3">3</option>
                  <option value="4">4</option>
               </select>
            </td>
           </tr>
  </table>

JSON 对象：

var JSONObject= {"quantity":"{{ quantity }}"};

只是我需要在 JSON 对象中绑定选定的数量。 我的 ng-repeat 有不止一行，对于每一行，我都通过 ng-repeat 绑定选择选项。

提前致谢， 斯蒂芬.L

Answer 1

试试这个：

var JSONObject = {};
$scope.$watch('quantity', function(newValue) {
    JSONObject.quantity = newValue;
});

说明

$scope 的$watch 方法注册了一个侦听器回调，每次更改模型值（在您的情况下为quantity）时都会执行该回调。因此，您可以确定 JSONObject.quantity 属性始终反映实际的 quantity 状态。

您可以在documentation 中找到更多详细信息。

Answer 2

这样做：

var JSONObject = {};
JSONObject.quantity = scope.quantity;