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

发布时间：2020-12-17 07:28:09 所属栏目：安全来源：网络整理

导读：FIDDLE 我如何计算表单上的错误数量？ HTML div ng-show="form.$submitted form.$invalid" Sorry but 3 errors have been made. /div 一种方法是通过使用特定错误条件,必需,模式等的特定计数来实现这一点,它们可以作为表单的$error [prop]数组的一部分.在你

FIDDLE

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

HTML

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

一种方法是通过使用特定错误条件,必需,模式等的特定计数来实现这一点,它们可以作为表单的$error [prop]数组的一部分.在你的情况下你可以尝试使用表格.$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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!