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

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

相关文章

AngularJS 是一个JavaScript 框架。它可通过 注:建议把脚本放在 元素的底部。这会提高网页加载速度,因...
angluarjs中页面初始化的时候会出现语法{{}}在页面中问题,也即是页面闪烁问题。出现这个的原因是:由于...
AngularJS 通过被称为指令的新属性来扩展 HTML。AngularJS 指令AngularJS 指令是扩展的 HTML 属性,带有...
AngularJS 使用表达式把数据绑定到 HTML。AngularJS 表达式AngularJS 表达式写在双大括号内:{{ expres...
ng-repeat 指令可以完美的显示表格。在表格中显示数据 {{ x.Name }} {{ x.Country }} 使用 CSS 样式为了...
$http是 AngularJS 中的一个核心服务,用于读取远程服务器的数据。读取 JSON 文件下是存储在web服务器上...