angularjs文本区域字符计数器

use*_*508 46 angularjs angular-ui angularjs-directive angularjs-ng-repeat

嗨,我有一个文本区域的characeter计数器.我的问题是它不计算空格或换行符.我该怎么做才能这样做?

   <div class="controls">

   <textarea rows="4" cols="50"  maxlength="1500" data-ng-minLength="1" data-ng  
    model="createprofilefields.description" required highlight-on-
    error></textarea>

    <br />

<!--counter-->
  <span class="form-help">{{1500-createprofilefields.description.length}}         
   Characters</span>

    </div>
Run Code Online (Sandbox Code Playgroud)

Ban*_*ack 80

这是因为angularJS会自动修剪你的模型.

如果您使用的是angularJS 1.1.1或更高版本,请添加ng-trim="false"textarea.

工作示例:http://jsfiddle.net/9DbYY/

  • 如果textarea有像ng-minlength ="5"这样的验证指令(无效模型总是空的),可以像你的例子一样解决"符号计数器"的问题 (3认同)