如何在最小长度验证angularjs中显示输入长度

Question

form name="form" novalidate autocomplete="off" role="form">

textarea name="firstname" id="firstname"  required data-ng-model="name" maxlength="160" minlength="50"></textarea> 

      div ng-messages="form.firstname.$error" role="alert">
          span ng-message="required">
              Please enter Name
          </span>   
        span ng-message="minlength">
          {{ 50 - name.length}}
        </span>                                   
      /div>
/form>

所以在这里在 minlength 我还需要显示长度，但它没有显示。请帮忙。

Answer 1

试试这个代码

<div ng-app='demo'>
        <div ng-controller='loadData'>
      <form name="form" novalidate autocomplete="off" role="form">
    <textarea name="firstname" id="firstname" ng-model="name" maxlength="60" minlength="50" ng-trim="false"></textarea> 
    <div ng-messages="form.firstname.$error" role="alert"><span ng-message="required">Please enter Name</span></br><span ng-message="minlength">min-Length:{{ 50 - name.length}}</span></div>
    </form>
        </div>
        </div>

演示版