美文网首页
AngularJs ng-minlength&ng-ma

AngularJs ng-minlength&ng-ma

作者: 报告老师 | 来源:发表于2017-10-26 21:37 被阅读42次

    1.ng-minlength用于限制ng-model变量的值的最短长度

    2.ng-maxlength用于限制ng-model变量的值的最大长度

    用例:<div>

            <input type=“text” ng-    model=“firstname” ng-minlength=“3”  ng-maxlength=“5”/> 

    <p>{{firstname}}</p>

            </div>

    效果:当往输入框输入的内容少于2位或大于5位时,则p标签处的插入指令无效(无法显示)

    这两个指令通常用于表单验证:默认会生成一个ng-vaild-minlength class,当验证条件不满足时则会生成相应格式的invalid class,ng-maxlength同理

    相关文章

      网友评论

          本文标题:AngularJs ng-minlength&ng-ma

          本文链接:https://www.haomeiwen.com/subject/oxrlpxtx.html