user1424508 user1424508 - 4 months ago 18
AngularJS Question

angularjs text area character counter

Hi I have a characeter counter for a text area. My problem is that it doesn't count spaces or linebreaks. How do I make it so that it does so?

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

Answer

It's because angularJS automatically trimmed your model.

If you're using angularJS 1.1.1 or newer, add ng-trim="false" to textarea.

Working example: http://jsfiddle.net/9DbYY/