Angular(2)服务器端表单验证(和最佳实践)

时间:2017-04-27 11:53:20

标签: angular angular2-forms

我在使用角度2实现简单的服务器端表单验证时遇到了问题。

给出以下场景:

  • 包含登录名和密码字段的简单表单。 (通过ngForm / ngModel指令附加到组件视图)
  • 基于模板的表单
  • 使用同步验证
  • 服务器响应JSON对象具有以下形状{field: error} e.x,如果登录名和密码为空,则响应为:{login: 'required', password: 'required'}

提交后我得到了服务器的响应,但我不知道如何更新绑定到视图控件元素的每个ngModel的状态以在UI中显示它

这是一种非常常见的情况,我很惊讶我遇到了很多寻找合适文档的麻烦。 (另一方面,客户验证得到很好的解释)

任何帮助表示赞赏! 干杯:)

1 个答案:

答案 0 :(得分:1)

我一直在互联网上查找服务器端验证模型,我还没有找到任何官方文档,但我得到了一些有用的文章 - 其中一个来自Stack Over~ - 这可能会有所帮助你一点点。我还没有测试过,还在寻找信息,也许你已经找到了问题的答案。无论如何,这里有一个简短的列表,其中包含有关使用不同API的服务器端验证的文章:

https://www.carlrippon.com/integrating-validation-in-angular-2-and-asp-net-core/

https://www.puzzle.ch/blog/articles/2017/01/18/server-side-validations-with-angular-2

Angular 2 (Beta) Server side validation messages