加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

[AngularJS] ngMesages

发布时间:2020-12-17 10:13:15 所属栏目:安全 来源:网络整理
导读:关于 ngMessages 官方文档地址 在这里,可是却非常不详细,只列出了三种情况 required 、 minlength 、 maxlength . 如果在 element 里写了自己定义的规则 ng-pattern ,需要给出当正则生效时给出的 ngMessage ,就需要这样写: form name="myForm" label in

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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读