Form의 오류 수를 어떻게 계산합니까?

Question

FIDDLE

양식의 오류 수를 어떻게 계산합니까? 특정 오류 조건의 특정 수, required, pattern 등 형태의 $error[prop] 배열의 일부로 사용할 수 있는지를 사용하여이 작업을 수행 할 수

HTML

<div ng-show="form.$submitted && form.$invalid"> 
     Sorry but 3 errors have been made. 
</div> 

Answer 1

한 가지 방법. 귀하의 경우에 당신은 form.$error.required.length를 사용하여 시도 할 수 있습니다 : -

<div ng-show="form.$submitted && form.$invalid"> 
     Sorry but {{form.$error.required.length}} errors have been made. 
</div> 

Demo

당신은 양식에 오류의 수를 결정하고 그것을 반환 할 수있는 컨트롤러 기능을 추가하고 그것을 사용할 수 있습니다 뷰는 총 오류 수를 표시합니다.

$scope.numberoferrors=function(form){ 
    var count = 0, 
     errors = form.$error; 

    angular.forEach(errors, function(val){ if(angular.isArray(val)) { count += val.length; } }); 
    //Object.keys(errors).forEach(function(key){ count += errors[key].length }); //get count of all error categories from form 

    return count; 
}; 

Demo