javascript - AngularJS:增加输入的值(value)

Question

我有一个按钮和一个 html 格式的输入:

<button ng-click="addQuantity()" class="btn btn-xs btn-info pull-right">+</button>
<input readonly type="text" value="{{ quantity || 1 }}" class="form-control totalQuantity pull-right"></input>

以及 AngularJS 代码:

$scope.addQuantity = function(id){

}

我只想在每次单击按钮时增加 input.value(默认值为 1)。我会自己去做，但我不知道最有效的方法。

如果您对我有任何提示，请分享。谢谢!

编辑id 是来自 ng-repeat 的 id:

<li class="list-group-item" ng-repeat="(id, product) in itemsToBuy">

每次重复 li 元素时都会添加输入。

Edit2:整个应用程序有一个 fiddle :https://jsfiddle.net/scgsc7or/3/

Answer 1

<button ng-click="addQuantity(id)" class="btn btn-xs btn-info pull-right">+</button>
<input readonly type="text" value="{{product.quantity || 1}}" class="form-control totalQuantity pull-right"/>

传递用作数组索引的 id 以标识 addQuantity 中的确切产品。

只需增加数量即可。如果数量未定义 - 它等于 1，否则 - 递增

$scope.addQuantity = function(id){
    if(!$scope.itemsToBuy[id].quantity){
       $scope.itemsToBuy[id].quantity = 1;
    }else{
        $scope.itemsToBuy[id].quantity++;
    }
}