关于 ngMessages
官方文档地址 在这里,可是却非常不详细,只列出了三种情况required
、minlength
、maxlength
.
如果在 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