javascript - Angular 正/负切换

使用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--;
        };

Thnx :)

最佳答案

您的加号和减号按钮应仅影响分配给它们的当前项目，而不影响所有其他项目。为此，请将项目实例传递给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--;
};