textarea maxlength 属性不立即计算特殊字符

Question

下面是一段代码，给出了一个文本区域，并限制了编号。其中的字符数：

<textarea ng-model="someText" placeholder="Type..." maxlength="10"></textarea>
<span class="counter">{{10-someText.length}}</span>

输入 space 或 enter 时不反映剩余字符，除非我输入普通字符。

例如， 当我输入 a 它显示 9（如预期的那样）

当我键入 a 然后输入两个 spaces 时，它会显示 9（特殊字符不会立即计数）

当我键入 a 和两个 spaces 和 b 时，它将显示 6（如预期的那样）

如何获得正确的编号。剩余字符数？

Answer 1

您必须使用 ng-trim="false" 才能计算换行符、空格和特殊字符。试试看：

<textarea ng-model="someText" placeholder="Type..." maxlength="10" ng-trim="false">
</textarea>
  <span class="counter">{{10 - someText.length}} still remaining!</span>

• Ng-Input Documentation
• Ng-Input Directive Documentation
• Working JsFiddle

希望对您有所帮助。