通过angularjs获取文本框的字符计数

通过angularjs获取文本框的字符计数,angularjs,Angularjs,我刚开始学习angularjs,所以这个问题看起来很傻 我有这个输入标签: <input type="text" class="form-control" id="H1" name="H1" placeholder="Enter Something..." ng-trim="false" ng-model="seo.H1" required ng-minlength="5" ng-maxlength="50"> 我将在span标记中显示输入标记的字符数: <span cl

我刚开始学习angularjs,所以这个问题看起来很傻

我有这个输入标签:

<input type="text" class="form-control" id="H1" name="H1" placeholder="Enter Something..." ng-trim="false" ng-model="seo.H1" required ng-minlength="5" ng-maxlength="50">

我将在span标记中显示输入标记的字符数:

<span class="pull-right" style="color: gray">{{ seo.H1.length }}/50</span>
{{seo.H1.length}/50
但问题是,它从第5个字符开始计数,当输入得到50个字符时,span什么也不显示


如何解决问题?

这里的问题不是跨度本身。一切正常

事情是这样的:

您已经添加了ng minlength,它将输入的最小长度设置为有效

您添加了ng maxlenght,它将输入的最大长度设置为有效,并允许用户输入

seo.H1.length

将获取从5到50的值

ng minlength和ng maxlength属性问题在这里,删除属性,直到满足ng minlength和ng maxlength条件,它保持文本框
未定义
,因此每当字符小于5,最大值为50时,原因长度为“0”。

这不是问题,这就是
ng minlength
ng maxlength
的工作原理。当字符串超出这些界限时,模型变量中没有值。如果您总是需要这些内容,只需删除这些属性并手动处理过多/过少的字符