Display validation message with ng-messages based on multiple conditions

Question

I use angular ng-messages to display validation messages

Consider the following code:

<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>

I want to show the last validation message only if all other validations have passed and validation fails on onlyAfterAllOtherPassedValidation. And I do not know whether it's possible at all to pass complex condition to ng-message Any suggestions as well as workarounds are welcomed as long as I still can use ng-messages

Answer 1

You could use ng-if on the element holding the message, eg

<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>