0

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

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

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

4

1 回答 1

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 中添加手动标签,但您必须动态生成可以添加其他约束的表单...

于 2017-10-11T15:23:03.217 回答