使用show password验证角度密码

Question

我想要使用Angular进行密码验证。但是，当我单击我的显示密码图标时，如果输入的密码错误，它将不会在第一次显示密码，运行valdiation并且字段变为红色。下次我点击它显示密码。我怎么能绕过这个？当我点击show，然后在显示红色类之前在ng-show中检查它时，我尝试了一个ng-click设置变量为true，但它没有工作

<div id="registerFormFields">
    <div class="loginField">
        <input type="text" id="dn-login-modal-register-login" placeholder="Email" onblur="EZEMAIN.loginRegisterModal.loginCheck(this)" />
        <span class="dn-login-modal-login-check fa"></span>
    </div>
    <p class="dn-login-modal-login-error" style="color:red;display:none;" data-ng-show="">@T("Invalid_Email", "Validation")</p>

    <div class="passwordField">
        <input type="password" id="dn-login-modal-register-password" placeholder="Password" onblur="EZEMAIN.loginRegisterModal.passwordCheck(this)" />
        <a href="#" class="dn-show-password  fa fa-eye" tabindex="-1"></a>
        <span class="dn-login-modal-password-check fa"></span>
    </div>

    <p>@T("Register_PasswordPlaceholder", "Fields")</p>
</div>