Показать несколько сообщений для разных полей формы, используя ng-messages

Question

Возможно ли использовать ng-сообщения с угловым 1.3 и показать сводку проверки сверху с сообщениями об ошибках для разных полей?

<div ng-messages="myForm.$error"> 
    <div ng-message="required">Need to show required error for field 1.</div> 
    <div ng-message="required">Need to show required error for field 2.</div> 
</div> 

Как я могу достичь этого? Все примеры, которые я видел до сих пор, показывают сообщения об ошибках для одного поля, а не для всех полей в форме.

Нужно ли иметь несколько сообщений ng-сообщений для каждого поля?

Answer 1

Я хотел стилизовать весь сводный блок как единое целое. Поэтому я закончил это.

<div class="error-summary" ng-show="myForm.$submitted && myForm.$invalid"> 
    <p ng-show="myForm.field1.$error.required">Field 1 is required.</p> 
    <p ng-show="myForm.field2.$error.required">Field 2 is required.</p> 
</div> 

Я надеялся сделать что-то подобное этому, используя ng-сообщения.

Answer 2

Как насчет этого?

<div ng-messages="myForm.field1.$error"> 
    <div ng-message="required">Need to show required error for field 1</div> 
</div> 
<div ng-messages="myForm.field2.$error"> 
    <div ng-message="required">Need to show required error for field 2</div> 
</div> 
<div ng-messages="myForm.field3.$error"> 
    <div ng-message="required">Need to show required error for field 3</div> 
</div> 

Answer 3

Да, у вас должно быть несколько ng-messages. Пожалуйста, ознакомьтесь с приведенной ниже ссылкой.

http://plnkr.co/edit/QgNkXKosgcArGZW7WuZO?p=preview

<form name="myForm"> 
    <label>Enter your name:</label> 
    <br> 
    <input type="text" name="myName1" ng-model="name1" required /> 
    <br> 
    <input type="text" name="myName2" ng-model="name2" required /> 

    <div ng-messages="myForm.myName1.$error"> 
    <div ng-message="required">enter name 1</div> 
    </div> 
    <div ng-messages="myForm.myName2.$error"> 
    <div ng-message="required">enter name 2</div> 
    </div> 
</form>