Angular形式。$ dirty和仅在脏字段上出错

时间:2014-01-12 23:38:48

标签: forms validation angularjs

我在容器中有几个表单错误消息,我想只在内部显示特定错误时才显示外部容器。

我的目标是,如果一个字段(例如,电子邮件)变脏+无效,我们会看到错误框。然后用户修复电子邮件。现在所有其他的东西都是原始的,脏邮件是有效的。我想现在隐藏错误框。

错误框看起来像这样(Jade模板,但你可以看到其中的HTML):

    div.errorbox(ng-show="register.$dirty && register.$error")
        h3 Warning
        p(ng-show="register.email.$dirty && register.email.$error") The email address you entered is not valid!
        p(ng-show="register.password.$dirty && register.password.$error.required") Please enter a password.
        p(ng-show="register.password.$dirty && register.password.$error.minlength") Password is too short.
        p(ng-show="register.confirmpassword.$dirty && register.confirmpassword.$error.required") Please confirm your password.
        p(ng-show="form.confirmpassword.$dirty && reg.match") Passwords do not match

基本上如果有任何错误,我想显示周围的框和容器。如果没有特定的消息,我想隐藏容器。

我现在唯一可以做的就是在外部容器上列出所有内部条件两次。但这似乎很愚蠢。

有没有一种有角度的方式来做到这一点?

有推荐的方法吗?

这样做的简单方法是什么?

0 个答案:

没有答案