[AngularJS] ngMesages

关于 ngMessages 官方文档地址 在这里,可是却非常不详细,只列出了三种情况requiredminlengthmaxlength.
如果在 element 里写了自己定义的规则 ng-pattern,需要给出当正则生效时给出的 ngMessage,就需要这样写:

<form name="myForm">
  <label>
    <input name="myField"
            type="text"
            ng-model="myName"
            ng-pattern="/{expression}/"
            />
    </label>
  <div ng-messages="myForm.myField.$error">
    <div ng-message="minlength">...</div>
    <div ng-message="pattern">...</div>
  </div>
&lt;/form&gt;`</pre>

一种调试的方法:

<pre>`&lt;pre&gt;{{myForm.myField.$error}}&lt;/pre&gt;
//错误内容形式:{ "pattern": true }

这样的话直观地看到错误内容,相应的指定错误消息了

参考内容:
Easy Form Validation in AngularJS with ngMessages
ngMessages revisited