前端之家收集整理的这篇文章主要介绍了
angularjs:ng消息总是显示,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_
404_0@
我使用角度消息在我的角度应用程序上
显示表单验证
错误。
根据文档,我已经构建了以下
代码
<form name="loginForm">
<label class="item item-input">
<input type="email" placeholder="Email" ng-model="data.email" name="email" required>
</label>
<div ng-messages="loginForm.email.$error" style="color:maroon">
<div ng-message="required">Please input a valid e-mail address</div>
<div ng-message="email">You did not enter your email address correctly...</div>
</div>
</form>
我在我的javascript中包含了ngMessages指令,并导入了angular-messages.js文件。
不幸的是,这两个消息永远显示出来。不管输入字段中输入什么,无论是否是有效的电子邮件。这两个消息总是显示。如果我只尝试一个ng消息,结果是一样的。
任何想法我可能做错了什么?
编辑:如果我的描述不是很清楚,这是打印的结果
http://s9.postimg.org/du9230tdb/Screen_Shot_2015_06_26_at_17_09_24.png
一切似乎都在您正在
分享的
代码中。
<form name="loginForm">
<label class="item item-input">
<input type="email" placeholder="Email" ng-model="data.email" name="email" required>
</label>
<div ng-messages="loginForm.email.$error" style="color:maroon">
<div ng-message="required">Please input a valid e-mail address</div>
<div ng-message="email">You did not enter your email address correctly...</div>
</div>
</form>
Here is a working copy on Plunker我正在使用你的代码。
从Angularjs documentation。
By default,ngMessages will only display one error at a time. However,if you wish to display all messages then the ng-messages-multiple attribute flag can be used on the element containing the ngMessages directive to make this happen.
如果您想要在字段变脏后显示错误,请访问此link。
确保您还包括ngMessage模块和库。请参阅Carlos’s answer。
谢谢