使用视图对匹配密码进行角度验证

Question

我试图仅使用视图实现表单验证--我试图避免为此创建一个新的指令。

问题-是否可以仅使用部分/视图来验证匹配的密码，例如：

div(ng-class="{true: 'no-match'}[password != password2]")

如有任何建议，我们将欣然接受:)

Answer 1

是的，有可能，

<input name="password" ng-class = "{valid: (password1 == password2),
                    invalid: (password1 != password2) }" ng-pattern="/[0-9]/">

其中，有效和无效的css类，

若要显示与此有关的错误消息，请使用

<div id="invalidEmail" class="mismatch"
    ng-show="testForm.password.$error.pattern && !testForm.password.$pristine">
    Please enter atleast a number
</div>

其中testForm是您的表单名，如

<form name="testForm"> </form>

有关更多参考，您可以看到链接http://www.ng-newsletter.com/posts/validations.html。