AngularJS篩選兩個小於或等於value的選擇輸入

Question

我想設置兩個選擇輸入，以便每個選擇輸入的組合值應小於或等於特定值。 AngularJS世界的新手，所以我可能忽略了一些東西。 我假設使用過濾器，但可能應該使用ng-change。

Answer 1

您可以創建一個代表您的兩個輸入的對象。

$scope.inputs = {
    'A': 0,
    'B': 0
  };

使用ng-change調用一個函數，該函數檢查所有輸入的總和，並確保它們小於最大值。

<select ng-model="inputs.A" ng-options="number for number in numbers" ng-change="verifySum('A');"></select>

該函數將使用要更改的值的鍵，如果總和超過最大值，則將更新此值。

  $scope.verifySum = function(key) {
    var sum = $scope.inputs.A + $scope.inputs.B
    if(sum >= $scope.maxVal) {
      $scope.inputs[key] -= (sum - $scope.maxVal);
    }
  }

http://plnkr.co/edit/vK0cfh7G3O3yKYCAzAOI?p=preview