[AngularJS] ngMesages

978 查看

关于 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>
</form>

一种调试的方法:

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

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

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