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

Question

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

<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

希望我对您有所帮助。