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同理