Angular JS確認密碼消息已經顯示

Question

我有兩個字段密碼並確認密碼和標簽中的錯誤消息，即“密碼不匹配”，但是當在確認密碼字段中輸入密碼錯誤時應該顯示，而不是當我打開表單時它已經顯示。

HTML

<div class="form-group" ng-class="{ 'has-error': submitted && CreateClientAdminForm.password.$error.required || CreateClientAdminForm.password.$error.pattern }" >
                <label class="col-md-4 control-label" for="password">Password*</label>
                <div class="col-md-4">
                    <input id="password" name="password" type="password" placeholder="Password" class="form-control input-md" ng-model="clientAdmin.User.UserPassword"  ng-pattern="regex.Password" ng-maxlength="20" required  autofocus>
                    <span ng-show="submitted && CreateClientAdminForm.password.$error.required" class="help-block">Password can not be empty</span>

                    <span ng-show="CreateClientAdminForm.password.$error.pattern && CreateClientAdminForm.password.$invalid " class="help-block">Please enter a valid password with at least 6 characters. </span>
                </div>
            </div>
            <!-- Password input-->
            <div class="form-group" ng-class="{ 'has-error': submitted && CreateClientAdminForm.confirmpassword.$error.required || CreateClientAdminForm.confirmpassword.$error.pattern }" >
                <label class="col-md-4 control-label" for="confirmpassword">Confirm Password*</label>
                <div class="col-md-4">
                    <input id="confirmpassword" name="confirmpassword" type="password" placeholder="Password" class="form-control input-md" ng-model="clientAdmin.User.UserconfirmPassword"  ng-pattern="regex.Password" ng-maxlength="20" required  autofocus>
                    <span ng-show="submitted && CreateClientAdminForm.confirmpassword.$error.required" class="help-block">Password can not be empty</span>
                    <span ng-show="clientAdmin.User.UserPassword !== clientAdmin.User.UserconfirmPassword" class="help-block"><p>Password mismatch</p></span>

                    <span ng-show="CreateClientAdminForm.confirmpassword.$error.pattern && CreateClientAdminForm.confirmpassword.$invalid " class="help-block">Please enter a valid password with at least 6 characters. </span>
                </div>
            </div>

調節器

    globalWeAlertApp.controller("ClientAdminController", function($scope, ClientAdminService,UserCRUDService, toastr, $cookieStore, $window ) {

              //Other functions

    }

Answer 1

<span
ng-show="clientAdmin.User.UserPassword != clientAdmin.User.UserconfirmPassword
&& (clientAdmin.User.UserPassword != '' &&
lientAdmin.User.UserconfirmPassword != '' )" 
class="help-block">
<p>Password mismatch</p>
</span>