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

Question

下面是一段代码，它给出了一个文本区域并限制了no。其中的人物：

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

在输入空格或输入时，它不会反映剩余的字符，除非我输入普通字符。

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

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

当我输入 a 和两个空格和 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

我希望我一直很有帮助。