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

时间:2014-09-28 16:37:25

标签: angularjs angularjs-directive angularjs-scope angularjs-validation

FIDDLE

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

HTML

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

1 个答案:

答案 0 :(得分:8)

您可以通过使用特定错误条件requiredpattern等的特定计数来实现此目的,这些标准可作为表单{{1}的一部分提供数组。在您的情况下,您可以尝试使用$error[prop]: -

form.$error.required.length

<强> Demo

您可以在控制器上添加一个函数,该函数可以确定表单上的错误数并将其返回,并在视图中使用它来显示总错误计数。

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

<强> Demo