我使用角度消息在我的角度应用程序上显示表单验证错误。
根据文档，我已经构建了以下代码
根据文档，我已经构建了以下代码
<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
一切似乎都在您正在分享的代码中。
原文链接：https://www.f2er.com/angularjs/144257.html<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我正在使用你的代码。
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.
确保您还包括ngMessage模块和库。请参阅Carlos’s answer。
谢谢
