从这里开始> Angular ngMessages change class when valid and not only on error
我已经尝试过了
<div ng-messages="userForm.name">
<i ng-message="$error.required" class="fa fa-exclamation-circle"></i>
<i ng-message="$valid" class="fa fa-exclamation-check"></i>
</div>
这个
<div ng-messages="userForm.name.$error">
<i ng-message="required" class="fa fa-exclamation-circle"></i>
<i ng-message="$valid" class="fa fa-exclamation-check"></i>
</div>
还有这个
<div ng-messages="userForm.name.$error">
<i ng-message="$error" class="fa fa-exclamation-circle"></i>
<i ng-message="userForm.name.$valid" class="fa fa-exclamation-check"></i>
</div>
还有一些我不想一一列举。他们都没有工作。我可以得到一个工作示例吗
最佳答案
ngMessages
正在检查特定类型的列表,例如,如果 $error 存在,那么它正在检查错误类型的列表,例如 required、min-length、max-length 等。
在您的情况下,您尝试在$error
内使用$valid
。它不会发生,因为如果它是有效的,那么它就不会出现错误。
我认为你可以简单地使用 ng-show 属性来显示这样的消息
<div ng-show='myForm.myName.$error.required'>required</div>
<div ng-show='myForm.myName.$valid'>valid</div>
或者根据你的情况
<i ng-show='myForm.myName.$error.required' class='fa fa-exclamation-circle'></i>
<i ng-show='myForm.myName.$valid' class='fa fa-exclamation-check'></i>
关于javascript - Angular.js ngMessages 有效时显示消息,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31552708/