angularjs - 如何计算表单上的错误数量？

Question

FIDDLE

我如何计算表格上的错误数量？

HTML

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

Answer 1

您可以通过使用特定错误标准的特定计数来做到这一点的一种方法，required , pattern等.. 可作为表单 $error[prop] 的一部分使用大批。在您的情况下，您可以尝试使用 form.$error.required.length :-

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

Demo

您可以在 Controller 上添加一个函数，该函数可以确定表单上的错误数量并返回它，并在 View 中使用它来显示总错误计数。

 $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