5

我正在开发一个应用程序，其中包含一个带有文本输入的表单ng-model="description"。现在我想使用ng-maxlength="50"and验证这个文本输入required。这很好用，但我还想添加一个67/50始终显示的字符计数器（如 ）。我正在使用以下代码来显示计数器：{{description.length || 0}}/50

然而，这个问题是description.length当它大于 50 时不会返回一个值，因为description输入是无效的。在我的场景中，计数器将默认为0/50没有输入时（这很好），但输入超过最大长度时也是如此。

当输入长度无效时，我还想以红色显示我的计数器，但是使用角度验证 css 类应该不会太难。

当然我可以提供自定义验证，但我很肯定有一个更简单的解决方案。

4

1 回答 1

9

像这样使用表单元素 $viewValue ：

<form name='form'>

  <input type="text" name='description' ng-model='description' ng-maxlength="50">
  {{form.description.$viewValue.length || 0}}/50
</form>

看到这个笨蛋

于 2015-02-14T11:42:15.127 回答