AngularJs ng-minlength&ng-ma

2017-10-26  本文已影响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同理

上一篇下一篇

猜你喜欢

热点阅读