javascript - 根据多个条件显示带有 ng-messages 的验证消息

Question

我使用 angular ng-messages 来显示验证消息

考虑以下代码:

<ul ng-messages="formToValidate.fieldToValidate.$error" ng-messages-multiple>
    <li ng-message="pattern">Invalid pattern</li>
    <li ng-message="minlength, maxlength">Should contain no less than 7 and no more than 100 chars</li>
    <li ng-message="!pattern && !minlength && !maxlength && onlyAfterAllOtherPassedValidation">
        This validation message is shown only when all the other validations have passed and validation  fails on onlyAfterAllOtherPassedValidation
    </li>
</ul>

我只想在所有其他验证都通过并且验证失败时显示最后一条验证消息 onlyAfterAllOtherPassedValidation。 而且我不知道是否有可能将复杂的条件传递给 ng-message 只要我仍然可以使用 ng-messages，欢迎任何建议和解决方法

Answer 1

您可以在保存消息的元素上使用 ng-if，例如

<li ng-if="!formToValidate.fieldToValidate.$error.required && !formToValidate.fieldToValidate.$error.minLength && !formToValidate.fieldToValidate.$error.maxLength" ng-message="onlyAfterAllOtherPassedValidation">
    This validation message is shown only when all the other validations have passed and validation  fails on onlyAfterAllOtherPassedValidation
</li>