Angular 2(Beta)服务器端验证消息

史蒂夫·鲍威尔

我正在寻找一种优雅的方式来显示来自服务器端API的验证消息,而无需创建自定义验证器或对UI中所有可能的消息进行硬编码。

我需要将错误消息添加到特定字段以及整个表单。

这必须在Angular 2.0.0-beta.3中有效

维克多哈兹邦

我向您展示了确定的displayErrors函数(处理遵循JSONAPI标准的服务器端验证):

您将需要Underscore.js

displayErrors(error: ErrorResponse) {
  let controls = this.supportRequestForm.controls;
  let grouped = _.groupBy(error['errors'], function(e) {
    return e['source']['pointer'];
  });
  _.each(grouped, function(value, key, object) {
    let attribute = key.split('/').pop();
    let details = _.map(value, function(item) { return item['detail']; });

    controls[attribute].setErrors({ remote: details.join(', ') });
  });
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Angular 2 Universal-服务器端渲染

来自分类Dev

如何使用Angular 2服务器端渲染

来自分类Dev

在客户端上使用Angular进行服务器端表单验证

来自分类Dev

Angular中多个字段的服务器端验证

来自分类Dev

Angular JS和ASP服务器端控件验证

来自分类Dev

Angular中多个字段的服务器端验证

来自分类Dev

Angular2服务器端侦听器,用于文件上传

来自分类Dev

使用Angular Material处理服务器端错误

来自分类Dev

无法在服务器中运行asp.net Core,Angular 2,服务器端渲染项目

来自分类Dev

Angular2 为什么数据没有在服务器端绑定

来自分类Dev

数据表的 Angular 2 / 4 服务器端处理不显示数据

来自分类Dev

使用 angular 等框架时服务器上服务器端脚本的文件结构

来自分类Dev

如果 Angular 应用程序正确验证客户端表单,Angular 应用程序是否需要服务器端错误处理?

来自分类Dev

angular2 + web.api2:从服务器端(不是asp.net核心)注入防伪令牌

来自分类Dev

从Angular 2到ASP.net Core的POST请求不起作用。服务器端为空值

来自分类Dev

Angular服务器端渲染-要添加到angular.json什么?

来自分类Dev

结合使用Meteor和Angular2 / Typescript,如何基于客户端事件从服务器端代码调用外部Web服务?

来自分类Dev

如何在angular-grid中进行服务器端排序/过滤?

来自分类Dev

如何在服务器端分页中使用Angular UI-Grid

来自分类Dev

使用angular时,是否可以从服务器端加载部分视图?

来自分类Dev

从服务器端获取选择属性值,并使用Angular下拉列表

来自分类Dev

columnFilter插件不适用于Angular DataTables服务器端处理

来自分类Dev

使用angular js时如何执行服务器端重定向

来自分类Dev

Angular服务器端渲染模板(.cshtml)解析带有转义符号的错误

来自分类Dev

如何在Angular中生成服务器端会话变量?

来自分类Dev

Angular Universal:使用NgRx在服务器端的Guard中存储

来自分类Dev

将服务器端数据传递到Angular

来自分类Dev

MVC WebAPI + Angular post =服务器端每个参数都为空

来自分类Dev

angular 2.0是否在服务器端存储变量的值?

Related 相关文章

  1. 1

    Angular 2 Universal-服务器端渲染

  2. 2

    如何使用Angular 2服务器端渲染

  3. 3

    在客户端上使用Angular进行服务器端表单验证

  4. 4

    Angular中多个字段的服务器端验证

  5. 5

    Angular JS和ASP服务器端控件验证

  6. 6

    Angular中多个字段的服务器端验证

  7. 7

    Angular2服务器端侦听器,用于文件上传

  8. 8

    使用Angular Material处理服务器端错误

  9. 9

    无法在服务器中运行asp.net Core,Angular 2,服务器端渲染项目

  10. 10

    Angular2 为什么数据没有在服务器端绑定

  11. 11

    数据表的 Angular 2 / 4 服务器端处理不显示数据

  12. 12

    使用 angular 等框架时服务器上服务器端脚本的文件结构

  13. 13

    如果 Angular 应用程序正确验证客户端表单,Angular 应用程序是否需要服务器端错误处理?

  14. 14

    angular2 + web.api2:从服务器端(不是asp.net核心)注入防伪令牌

  15. 15

    从Angular 2到ASP.net Core的POST请求不起作用。服务器端为空值

  16. 16

    Angular服务器端渲染-要添加到angular.json什么?

  17. 17

    结合使用Meteor和Angular2 / Typescript,如何基于客户端事件从服务器端代码调用外部Web服务?

  18. 18

    如何在angular-grid中进行服务器端排序/过滤?

  19. 19

    如何在服务器端分页中使用Angular UI-Grid

  20. 20

    使用angular时,是否可以从服务器端加载部分视图?

  21. 21

    从服务器端获取选择属性值,并使用Angular下拉列表

  22. 22

    columnFilter插件不适用于Angular DataTables服务器端处理

  23. 23

    使用angular js时如何执行服务器端重定向

  24. 24

    Angular服务器端渲染模板(.cshtml)解析带有转义符号的错误

  25. 25

    如何在Angular中生成服务器端会话变量?

  26. 26

    Angular Universal:使用NgRx在服务器端的Guard中存储

  27. 27

    将服务器端数据传递到Angular

  28. 28

    MVC WebAPI + Angular post =服务器端每个参数都为空

  29. 29

    angular 2.0是否在服务器端存储变量的值?

热门标签

归档