javascript - AngularJS 加/减切换

Question

使用 ng-repeat 时在数字输入字段上添加加/减切换的最佳方法是什么

我这样试过，但没用:

<div ng-repeat="item in PC.Items">
  <button ng-click="PC.minus()" class='btn btn-default'>-</button>
            <input ng-model="item.Quantity"
                    type='number'
                    name='Quantity'/>
            <button class='btn btn-default' ng-click="PC.plus()">+</button>
</div>

       vm.plus = function() {
            vm.Quantity++;
            console.log(vm.Quantity);
        };
        vm.minus = function() {
            vm.Quantity--;
        };

谢谢 :)

Answer 1

您的加号和减号按钮应该只影响他们分配给的当前项目，而不是所有其他项目。为此，将项目实例传递给 plus 和 minus 函数 - 因为对象作为引用传递，对象数据将直接更改。

HTML:

<div ng-repeat="item in PC.Items">
    <button ng-click="PC.minus(item)" class="btn btn-default">-</button>
    <input ng-model="item.Quantity" type="number" name="Quantity"/>
    <button class="btn btn-default" ng-click="PC.plus(item)">+</button>
</div>

JS:

vm.plus = function(item) {
    item.Quantity++;
};
vm.minus = function(item) {
    item.Quantity--;
};