javascript - 从 Angular 模型测量弦

标签 javascript angularjs

所以我有一个输入和一个像这样的跨度:

<input type="password" name="account_password" placeholder="Enter your new password" autocomplete="off" ng-model="res.account.new_password" required="" ng-minlength="res.minlength" class="form-control" />
                        <span ng-show="(res.account.new_password).length == res.minlength" class="text-danger">Should be at least 6 characters long</span><br>

在 Angular Controller 中我有一个变量:vm.minlength = 6; ng-minlength 指令有效,但我也尝试向用户显示错误消息:

<span ng-show="(res.account.new_password).length == res.minlength" class="text-danger">Should be at least 6 characters long</span><br>

但是这不起作用。在我输入第一个字母后,错误消息消失了。

res是我的 Controller 的别名,以防您想知道(我使用 vm 来声明我的 Angular Controller 中的变量)。欢迎任何帮助!感谢您的宝贵时间!

充电后==<跨度根本不显示!

最佳答案

实际上,只有当您的密码正好 6 个字符,而不是 6 个或更少字符时,才会显示您的警报...

如果你想要一个最小长度,那么我认为你应该改变你的条件 ==< :

<span ng-show="(res.account.new_password).length < res.minlength" class="text-danger">Should be at least 6 characters long</span><br>

这是一个 demo Fiddle

<小时/>

PS:在您的 Controller 中您定义了 vm.minlength ,我猜应该是res.minlength .

关于javascript - 从 Angular 模型测量弦,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41102383/

相关文章:

javascript - 从 $resource 自动完成 Angularjs

html - Angular 。从 tinymce 注入(inject) html

javascript - 使用 jquery ajax 将字符串发送到 wcf 服务。为什么我只能发送数字字符串?

javascript - 如果我重新启动应用程序池,客户端浏览器是否会引用我更新的 javascript 或 css 文件?

javascript - 向ckeditor中的多个元素添加内联样式

angularjs - $q 'finally' 在 IE8 中不起作用

javascript - 在 AngularJS 的 Repeated 对象中重复一个对象或数组

javascript - 如何使用 Angular Material 应用标签链接波纹?

javascript - HTML 5 在游戏 Canvas 上高效绘图

javascript - 如何使用javascript添加数组元素值?