Formdaki hata sayısını nasıl sayabilirim?

Question

FIDDLE

Formda yapılan hataların sayısını nasıl sayabilirim? Belirli bir hata kriterlerinin belirli sayımı, required, pattern vb .. formun $error[prop] dizinin bir parçası olarak kullanılabilir olduğunu kullanarak bunu yapabilirdi

HTML

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

Answer 1

bir yolu. Durumda da form.$error.required.length kullanarak deneyebilirsiniz: -

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

Demo

Formun üzerinde hata sayısını belirlemek ve bunu dönebilir denetleyici bir işlev eklemek ve bunu kullanabilirsiniz toplam hata sayısını görüntülemek için görünüm.

$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