Come posso contare il numero di errori su Form?

Question

FIDDLE

Come posso contare il numero di errori nel modulo?

HTML

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

Answer 1

Un modo che si possa fare questo usando il conteggio specifico di uno specifico criterio di errore, required, pattern ecc .. che sono disponibili come parte di $error[prop] serie di modulo. Nel tuo caso si potrebbe provare a utilizzare form.$error.required.length: -

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

Demo

si potrebbe aggiungere una funzione sul controller in grado di determinare il numero di errori sul modulo e restituirlo, e utilizzarlo in la vista per visualizzare il numero totale di errori.

$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