我在容器中有几个表单错误消息,我想只在内部显示特定错误时才显示外部容器。
我的目标是,如果一个字段(例如,电子邮件)变脏+无效,我们会看到错误框。然后用户修复电子邮件。现在所有其他的东西都是原始的,脏邮件是有效的。我想现在隐藏错误框。
错误框看起来像这样(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
基本上如果有任何错误,我想显示周围的框和容器。如果没有特定的消息,我想隐藏容器。
我现在唯一可以做的就是在外部容器上列出所有内部条件两次。但这似乎很愚蠢。
有没有一种有角度的方式来做到这一点?
有推荐的方法吗?
这样做的简单方法是什么?