Angular ngMessages在有效时更改类，而不仅仅在出错时更改类

Question

这是我第一次使用ngMessages，我的问题是$ error对象是否有对应的东西，比如$ valid？在ngMessages的角度文档中，我只遇到了$ error对象。

<form name="contactForm">

    <input ng-class="{'invalid-field': contactForm.nameField.$error, 'valid-field': !contactForm.nameField.$error}" type="text" name="nameField" placeholder="Full name*" required>

    <div ng-messages="contactForm.nameField.$error">
        <div ng-message="required">Name is required</div>
    </div>

</form>

我所知道的是，当$ error对象为false时，我将类更改为＆＃39; valid-field＆＃39;但这不正确。这样输入字段的格式就像它始终有效并且不应该发生。

Answer 1

基于ng-model的文档，$error来自哪里，它也有一个$valid状态，所以回答你的问题，是的，它确实如此：）

文档还将向您展示其他与验证相关的角度模型状态。

https://docs.angularjs.org/api/ng/type/ngModel.NgModelController

  

$ valid：boolean：如果没有错误，则为True。

ng-model属性应该与每个字段一起使用，但是在您的示例中，输入中没有ng-model也可能是问题的来源。