angularjs在取消选中复选框时停止递增

时间:2016-06-09 16:08:55

标签: angularjs

我有一个复选框,如果用户检查它会增加+2。我只需要这样做一次。现在用户可以不断添加加号2,这不是我需要的。我需要它只添加一次。 (factors.Delivery是ng模型)

我还需要它来删除 - 2并在删除复选标记时停止,但是现在,它会不断减去。

任何帮助将不胜感激 即使在点击后禁用检查也会很好,但只有在点击之前它才会禁用。

$scope.factors.Delivery = 0;
$scope.increment = function() {
    if ($scope.factors.Delivery >= 0) { 
         $scope.factors.Delivery+=2;
    } else {
        $scope.factors.Delivery-=2;
    }
};

1 个答案:

答案 0 :(得分:0)

2大于或等于0.听起来根据您的帖子,唯一可接受的值是2和0。我建议:

$scope.factors.Delivery = 0; 
$scope.increment = function() {
    if ($scope.factors.Delivery == 0) { 
       $scope.factors.Delivery=2;
   } else {
        $scope.factors.Delivery=0;
   }
};`

或使用您的代码,您可以使用以下内容禁用复选框:

ng-disabled="clickedOnce"复选框和下面的修改。

$scope.factors.Delivery = 0;
$scope.clickedOnce = false;
$scope.increment = function() {
    $scope.clickedOnce = true;
    if ($scope.factors.Delivery >= 0) { 
         $scope.factors.Delivery+=2;
    } else {
        $scope.factors.Delivery-=2;
    }
};