如何跨字段重用工具提示DOM,进行角度形式验证?

时间:2014-11-14 22:35:24

标签: javascript angularjs

我的角度模板中有一个表单,我可以定义当输入字段出错时显示的表单。像这样:

<input ng-model="myField" type="email" ng-minlength="8" required>

然后显示工具提示:

<div class="error toolTip" ng-show="userForm.myField.error">Please enter a value</div>

这很有效。

但是,我在页面上有多个字段,我想重新使用工具提示DOM而不是为每个字段编写多个工具提示。什么是最好的方法来实现这一点,同时仍然利用角度验证?

这是我想要实现的jquery版本(重用工具提示div):http://jsfiddle.net/mw6t82ae/1/

1 个答案:

答案 0 :(得分:0)

如果工具提示只出现在一个区域中,您可以编写一个循环遍历表单的函数,并查看是否有任何字段处于错误状态。如果是,则返回true,您可以在ng-show属性中调用此函数,