這些函數可以對輸入值進行轉換,或者通過$setValidity()函數設置表單的合法性。
使用$parsers數組是實現自定義驗證的途徑之一。例如,假設我們想要確保輸入值在某兩個數值之間,可以在$parsers數組中入棧一個新的函數,這個函數會在驗證鏈中被調用。
每個$parser返回的值都會被傳入下一個$parser中。當不希望數據模型發生更新時返回undefined。
angular.module('myApp',[]).directive('oneToTen',function(){
return{
require : '?ngModel',
link : function(scope,ele,attrs,ngModel){
if(!ngModel){
return ;
}
ngModel.$parsers.unshift(function(viewValue){
var i = parseInt(viewValue) ;
if(i >= 0 && i < 10){
ngModel.$setValidity('oneToTen',true) ; //這裏的oneToTen對應錯誤的屬性,類似$error.required、$error.email中的required,email屬性
return viewValue ;
}else{
ngModel.$setValidity('oneToTen',false) ;
return undefined ;
}
}) ;
}
} ;
}) ;
<!DOCTYPE html>
<html lang="en" ng-app="myApp">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<form name="editForm">
<input type="text" ng-model="age" one-to-ten="" name="age">
<span ng-show="editForm.age.$error.oneToTen">Error</span>
</form>
<script type="text/javascript" src="../js/angular.js"></script>
<script type="text/javascript" src="../js/controller/myCtrl.js"></script>
</body>
</html>