Javascript 角形增量减量

我试图在我的表单上为产品列表实现一个递增/递减函数。其想法是能够通过产品数量实时更新购物车，将产品添加到购物车中

我从Angular docs中找到了这个代码示例，我认为它可以做到这一点。

我所期望的是，当我第一次点击product时，它会将product添加到表单参数中，然后每次点击product时都会递增（另一个解决方案是设置html5数字字段的样式，但仍然存在表单字段逻辑问题）

“订单”：[{“产品id”：“2”，“数量”：“10”}，{“产品id”：“5”，“数量”：“12”}]

我的问题是： -我无法使用formData正确获取表单（产品id*数量） -增量量函数太离谱了

普朗克

{{formData}}

{{product.name}
增量-计数：{{count}

您只能通过绑定

ng model

来设置数量，但您希望设置完整的对象

{product\u id:x，quantity:y}

所以使用ng更改而不是ng模型来设置formData

HTML

$scope.changeQuantity =function (index, productId, quantity) {
   $scope.formData[index] = {product_id: productId, quantity: quantity};
};

---

这里正在工作

你能提供一个plunker或给我们更多关于你的问题的细节吗？@wick26问题是当前的形式与模型相比有很大的差距。将尝试提供一点plunker示例later@wickY26添加了Plunker链接是否要将ng模型设置为formdata[product.id]？@wickY26表单参数应类似于[{product_id:2，quantity:3}，{product_id:5，quantity:12}]感谢@wickY26在数量为零或0时完成从数组中删除产品的任何想法（例如，当用户输入数量后决定删除产品）谢谢，我很感激。转换为coffee脚本时，在更改数量时会出现错误。

error:“undefined”不是函数（评估“$scope.formData.push（{product\u id:productId，quantity:quantity}）”

<input type="number" ng-model="quantity" placeholder="product_{{product.id}}" 
ng-change="changeQuantity($index, product.id, quantity)">

$scope.changeQuantity =function (index, productId, quantity) {
   $scope.formData[index] = {product_id: productId, quantity: quantity};
};