angularjs: ng-сообщение всегда отображается

Кажется, все в порядке в коде, которым вы делитесь.

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

Вот рабочая копия Plunker Я использую ваш код.

Из документации по Angularjs.

По умолчанию ngMessages отображает только одну ошибку за раз. Однако, если вы хотите отобразить все сообщения, то флаг атрибута ng-messages-multiple можно использовать для элемента, содержащего директиву ngMessages, чтобы это произошло.

Если вы хотите отобразить ошибки после того, как поле заполнено, перейдите по этой ссылке.

Убедитесь, что вы также включаете модуль ngMessage и библиотеку. См. ответ Карлоса.

Спасибо

Вы должны убедиться, что вы действительно включаете ngMessage в свой модуль.

var app = angular.module('app', [
    'ngMessages'
])

... и что вы включили библиотеку в свой проект

<script src="/scripts/vendors/angular-messages/angular-messages.js"></script>

Проверить с

<div ng-messages="loginForm.email.$error" ng-show="loginForm.email.$invalid && loginForm.email.$touched">
...
</div>

Этот трюк спас мой день.