AngularJS的ngMessages模块中$error的长度

下面是使用ngMessages模块的基本方法

myForm.myName.$error

返回错误列表。我想得到错误的数目。我尝试了

{{myForm.myName.$error | json}}.length

和

myForm.myName.$error.length

<form name="myForm">
  <label>
    Enter your name:
    <input type="text"
           name="myName"
           ng-model="name"
           ng-minlength="5"
           ng-maxlength="20"
           required />
  </label>
  <pre>myForm.myName.$error = {{ myForm.myName.$error | json }}</pre>

  <div ng-messages="myForm.myName.$error" style="color:maroon" role="alert">
    <div ng-message="required">You did not enter a field</div>
    <div ng-message="minlength">Your field is too short</div>
    <div ng-message="maxlength">Your field is too long</div>
    <div ng-message-default>This field has an input error</div>
  </div>
</form>

输入您的姓名：
myForm.myName.$error={{myForm.myName.$error | json}
您没有输入字段
你的领域太短了
你的领域太长了
此字段有输入错误

以防您在

默认情况下，

ngMessages

在任何时候都只会为特定的键/值集合显示一条消息

这意味着

myForm.myName.$error

最多只能有一个属性

如果要支持显示多条消息，请在指令

ng messages

旁边应用

ng messages multiple

属性。应用此选项后，可以通过创建辅助函数来检索活动错误的数量

function getErrorCount() {
    return Object.keys(myForm.myName.$error).length;
}