通过angularjs获取文本框的字符计数
我刚开始学习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
<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
的工作原理。当字符串超出这些界限时,模型变量中没有值。如果您总是需要这些内容,只需删除这些属性并手动处理过多/过少的字符