validation - Angular JS 验证/检查数据

Question

是否可以将 Angular“必需”指令/属性设置为输入字段以外的其他元素？我在页面上有几个列表，用户可以在其中检查之前页面中输入的数据......如果“必需”数据完整，用户应该只能“提交”（将数据发送到数据库......）。

那么如何检查列表视图中显示的数组中的数据呢？（好的，遍历数组并检查值（为空？）是可能的 - 但我认为有更好的解决方案......也许是自定义指令？）

Answer 1

您可以在具有 ng-model 的元素上设置角度验证指令。ng-model 指令有一个具有 $error、$invalid 等属性的控制器。因此 ng-model 控制器的作用类似于错误的存储。

如果您使用更多奇特的输入或不使用 ng-model 我建议您采用“自定义指令”方式。我自己为这种情况编写了一个这样的自定义指令。（http://liviutrifoi.wordpress.com/2013/10/19/angular-custom-validation-with-business-rules/）

我怀疑您正在使用的列表绑定到来自控制器的数组。如果是这种情况，您可以在控制器中定义一个“验证规则”（参见我的文章），该控制器迭代数组并返回真/假以及错误消息。然后，您将在列表中放置一个验证器指令并使用 a 来显示错误消息。也许它有帮助。