angularjs – 有没有办法在ng-messages中将minlength / maxlengt

发布时间：2020-12-17 08:47:28 所属栏目：安全来源：网络整理

导读：我想,而不只是告诉用户“你的字段太短”,告诉用户,“你的字段必须至少{{value}}字符长”.你能用ng-messages做到这一点吗？我只想使用ng-init设置一个minlength变量,然后在两个地方重复使用它. angular.module('myApp',['ngMessages']); script src="//ajax.

我想,而不只是告诉用户“你的字段太短”,告诉用户,“你的字段必须至少{{value}}字符长”.你能用ng-messages做到这一点吗？

我只想使用ng-init设置一个minlength变量,然后在两个地方重复使用它.

angular.module('myApp',['ngMessages']);

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular-messages.js"></script>

<form name="form" ng-app="myApp">
  <div ng-init="minlength = 5">
    <input type="text"
      name="name"
      ng-model="name"
      ng-minlength="minlength"
    >
    <div ng-messages="form.name.$error">
      <div ng-message="minlength">
        Your field must be at least {{minlength}} characters long. 
        Current length: {{form.name.$viewValue.length}}
      </div>
    </div>
  </div>
</form>

（编辑：李大同）

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