我有一个要求,其中一个字段的最小值取决于另一个字段中给出的输入.
<input type="number" name="minval" class="form-control" ng-model="user.minval"
ng-required="true">
此输入用于验证另一个字段
<input type="number" name="inputval" class="form-control" ng-model="user.inputval"
ng-required="true" min="{{user.minval}}">
但这没有按预期工作..如果我稍后更改“minval”输入没有得到重新验证..
我已经尝试设置JS的初始值为min,如某些解决方案中所建议的那样但这也没有帮助……
使用ng-min / ng-max指令
app.directive('ngMin',function() {
return {
restrict: 'A',require: 'ngModel',link: function(scope,elem,attr,ctrl) {
scope.$watch(attr.ngMin,function(){
if (ctrl.$isDirty) ctrl.$setViewValue(ctrl.$viewValue);
});
var isEmpty = function (value) {
return angular.isUndefined(value) || value === "" || value === null;
}
var minValidator = function(value) {
var min = scope.$eval(attr.ngMin) || 0;
if (!isEmpty(value) && value < min) {
ctrl.$setValidity('ngMin',false);
return undefined;
} else {
ctrl.$setValidity('ngMin',true);
return value;
}
};
ctrl.$parsers.push(minValidator);
ctrl.$formatters.push(minValidator);
}
};
});
app.directive('ngMax',ctrl) {
scope.$watch(attr.ngMax,function(){
if (ctrl.$isDirty) ctrl.$setViewValue(ctrl.$viewValue);
});
var maxValidator = function(value) {
var max = scope.$eval(attr.ngMax) || Infinity;
if (!isEmpty(value) && value > max) {
ctrl.$setValidity('ngMax',false);
return undefined;
} else {
ctrl.$setValidity('ngMax',true);
return value;
}
};
ctrl.$parsers.push(maxValidator);
ctrl.$formatters.push(maxValidator);
}
};
});
