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

前端之家收集整理的这篇文章主要介绍了angularjs – 使用ng-messages显示不同表单字段的多条消息前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
是否可以使用角度为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部分?

解决方法

我想将整个汇总块设置为一个样式.所以我最终做到了这一点.

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

猜你在找的Angularjs相关文章