Angularjs: 如果值=1，如何禁用计数器输入中的递减按钮？

Question

我正在构建一个应用程序，用户必须在其中使用 increment/decrement 按钮添加到购物车。由于 value=0 我希望禁用减量按钮。我这样使用 ng-disabled:

 <div class="plus-minus">
     <div class="dec qtybutton" ng-click="pro.countVal = (pro.countVal-1)"
          ng-disabled="pro.countVal === 1">-</div> 
     <input type="text" name="qtybutton" class="cart-plus-minus-box"
            required ng-model="pro.countVal" >
     <div class="inc qtybutton"
          ng-click="pro.countVal=(pro.countVal+1)">+</div>
     </div>

但是它不起作用。我该如何实现？

Answer 1

ng-disabled 不影响 div 元素。通常使用函数将功能放入控制器中会更清楚。您可以在那里添加验证检查等。:

<div class="plus-minus">
    <div class="dec qtybutton" ng-click="minus()">-</div>
    <input type="text" name="qtybutton" class="cart-plus-minus-box" required ng-model="pro.countVal">
    <div class="inc qtybutton" ng-click="plus()">+</div>
</div>

$scope.pro = {};
$scope.pro.countVal = 0;

$scope.minus = function() {
    if ($scope.pro.countVal === 0) return;
    $scope.pro.countVal--;
}

$scope.plus = function() {
    $scope.pro.countVal++;
}

Angularjs: 如果值=1，如何禁用计数器输入中的递减按钮？

Angularjs: How to disable decrement button in counter input if value=1?

angularjs

ngmodel

angularjs-ng-disabled