angular 4 的 angular-auto-validate 替代方案

【问题标题】：angular-auto-validate alternative for angular 4angular 4 的 angular-auto-validate 替代方案
【发布时间】：2018-03-23 07:25:15
【问题描述】：

我正在寻找一个能够根据输入标签指令自动验证的 Angular4 库。基本上原因是我不想手动（在我的 html 模板代码中）用标准消息填写所有表单，例如“需要 Field1”、“Field2 必须是有效的电子邮件”等，所有的它们用 *ngIf 标记，用于管理错误可见性。

我认为这个过程可以而且应该是自动化的（在运行时）。我发现了这个为 AngularJs 编写的有趣的库：angular-auto-validate

你知道 Angular4 的任何类似库吗？或者您能建议我一个好的方法来实现我的目标吗？

【问题讨论】：

标签： angular validation angular4-forms

【解决方案1】：

您可以使用带有一些验证器的模型驱动表单，但它并不能免除您在 html 代码中添加消息...

最近我使用ng-dynamic-forms。我通过获取描述这些表单的 json 来生成我的表单。在 ths json 中，您可以指定要用于字段的所有验证器以及将显示的错误消息：

"validators" : {
          "required": null,
          "minLength": 2,
          "customVal": false
        },
"errorMessages": {
          "required": "Required field. ",
          "minLength": "A minimum of two characters is required. ",
          "customVal": "Custom message. ",
        }

通过这种方式，您无需在 html 中手动添加标签，但您必须动态生成可以添加其他约束的表单...

【讨论】：

感谢您的建议。我来看看动态表单。