[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>
</form>

一种调试的方法

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

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

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

相关文章

ANGULAR.JS:NG-SELECTANDNG-OPTIONSPS:其实看英文文档比看中...
AngularJS中使用Chart.js制折线图与饼图实例  Chart.js 是...
IE浏览器兼容性后续前言 继续尝试解决IE浏览器兼容性问题,...
Angular实现下拉菜单多选写这篇文章时,引用文章地址如下:h...
在AngularJS应用中集成科大讯飞语音输入功能前言 根据项目...
Angular数据更新不及时问题探讨前言 在修复控制角标正确变...