사용자 지정 양식 유효성 검사 지시문이 입력 데이터를 전달하지 않음

Question

입력 한 금액이 설정된 양보다 많은지 확인하는 사용자 지정 양식 유효성 검사 지시문을 작성했습니다. 그럴 경우 사용자에게 경고하고, 그렇지 않으면 양식을 평소와 같이 제출합니다.

제가하는 데 문제는 I 입력에 입력 I 양이 양식을 제출하면 스토리지에 데이터를 푸시 제어부에 의해 픽업되지 않는다는 것이다.

나는 대신이

{ "date": "2014-06-17T09:14:51.340Z", "status": false } 

를 얻을이

{ "amount": 1222, "date": "2014-06-17T09:14:51.340Z", "status": false } 

// 형태

<form name="removeMoney" ng-submit="removeEntry()" novalidate> 

       <label class="error"> 
       <input 
        type="number" 
        name="subAmount" 
        placeholder="Remove money from wallet" 
        ng-model="subtractAmount" 
        ng-pattern="/^\d{0,9}(\.\d{1,2})?$/" 
        custom-validation /> 
       </label> 

       <small class="error" ng-show="removeMoney.subAmount.$error.customValidation"> 
       You can't remove more than {{ total | currency:'£' }} 
       </small> 

       <small class="error" ng-show="removeMoney.subAmount.$error.pattern"> 
       Please enter values with no/two decimal points only -- 0.00 
       </small> 

       <button type="submit" ng-disabled="removeMoney.$invalid" class="button postfix alert">Remove</button> 

     </form> 

// 컨트롤러

$scope.removeEntry = function() { 
    var date = new Date(); 

    $scope.walletItems.push({amount:$scope.subtractAmount, date:date, status:false}); 
    $scope.subtractAmount = ""; 
    $scope.removeMoney.$setPristine(); 
} 

// 지침

app.directive('customValidation', function() { 
return { 
    restrict: 'A', 
    require:'ngModel', 
    link: function(scope, elem, attrs, ctrl) { 
     ctrl.$parsers.unshift(function(value) { 
      var minimum = ctrl.$viewValue; 
      if (minimum > scope.total) { 
       ctrl.$setValidity('customValidation', false); 
      } else { 
       ctrl.$setValidity('customValidation', true); 
      } 
     }); 
    } 
} 
}); 

Answer 1

값을 반환하지 않았습니다. 그래서 양식을 제출할 때 아무 일도 일어나지 않습니다.

app.directive('customValidation', function() { 
return { 
    restrict: 'A', 
    require:'ngModel', 
    link: function(scope, elem, attrs, ctrl) { 
     ctrl.$parsers.unshift(function(value) { 
      var minimum = ctrl.$viewValue; 
      if (minimum > scope.total) { 
       ctrl.$setValidity('customValidation', false); 
      } else { 
       ctrl.$setValidity('customValidation', true); 
      } 
      return value; 
     }); 
    } 
} 
});