angular_s中ng-minlength和minlength的区别是什么

时间:2016-05-23 09:13:07

标签: angularjs

ng-minlength和minlength之间的区别

3 个答案:

答案 0 :(得分:0)

据我所知。

1)这是一种向控件添加最小长度验证而无需HTML 5支持的方法

2)它将minlength验证器添加到ngmodel

答案 1 :(得分:0)

ngMinlength 是"角度感知"所以你将表达式作为属性值(而不是值本身)。 使用 ngMinLength 将允许AngularJs在其表单验证系统中包含约束。不会执行常规的HTML5最小长度验证。

@see:https://docs.angularjs.org/api/ng/directive/ngMinlength

答案 2 :(得分:0)

  

ngMinlength将minlength验证器添加到ngModel。

ng-minlength允许您验证输入。例如,您可以显示相应的自定义错误消息:



<html ng-app>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.9/angular.min.js"></script>
  </head>
<body>
  <form name="form">
    <label for="input">This input is minlength 4: </label>
    <input type="text" ng-model="model" id="input" name="input" ng-minlength="4" /><br>
    <span ng-if="form.input.$invalid" style="color:red">THE INPUT IS NOT VALID</span>
    <hr>
    input valid? = <code>{{form.input.$valid}}</code><br>
    model = <code>{{model}}</code>
  </form>
</body>
</html>
&#13;
&#13;
&#13;

另外

  

ngMinlength未设置minlength属性,因此HTML5约束验证不可用。

文档:https://docs.angularjs.org/api/ng/directive/ngMinlength