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

Question

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

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

除非我输入普通字符，否则在键入空格或回车时它不会反射(reflect)剩余字符。

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

当我输入 a 和两个 空格 时，它会显示 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

希望我对您有所帮助。