Angular JS验证/检查数据

时间:2013-07-10 12:12:59

标签: validation angularjs

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

那么如何检查列表视图中显示的数组中的数据? (好吧,循环遍历数组并检查值(是空的?)是可能的 - 但我认为有更好的解决方案......也许是自定义指令?)

1 个答案:

答案 0 :(得分:0)

您可以在具有ng-model的元素上设置角度验证指令。 ng-model指令有一个控制器,其属性如$ error,$ invalid等。因此ng-model控制器就像存储错误一样。

如果您使用更多异国情调的输入或不使用ng-model,我建议您采用“自定义指令”的方式。我自己为这样的场景写了一个这样的自定义指令。 (http://liviutrifoi.wordpress.com/2013/10/19/angular-custom-validation-with-business-rules/

我怀疑您使用的列表绑定到控制器的数组。如果是这种情况,您可以在控制器中定义“验证规则”(请参阅​​我的文章),该规则迭代数组并返回true / false以及错误消息。然后,您将在列表上放置一个验证器指令,并显示错误消息。 也许有帮助。