angularjs - 使用 ng-messages 为不同的表单字段显示多条消息

Question

是否可以在 angular 1.3 中使用 ng-messages 并在顶部显示验证摘要以及不同字段的错误消息？

<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-messages 部分？

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-messages 做类似的事情。