Angular（2）服务器端表单验证（和最佳实践）

Question

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

给定以下场景：

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

一旦提交，我就会收到来自服务器的响应，但我不知道如何更新绑定到视图控件元素的每个 ngModel 的状态以在 UI 中显示它

这是一种非常常见的情况，我很惊讶我在寻找合适的文档时遇到了这么多麻烦。 （另一方面，客户端验证很好地解释了）

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

Answer 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