angularjsパスワードの確認は、確認メッセージ

Question

を表示しませ

angular.module('MyApp') 
    .directive('pwCheck', function() { 
     return { 
      restrict: 'A', // only activate on element attribute 
      require: '?ngModel', 

      link: function (scope, elem, attr, ngModel) { 
       var val2 = ""; 
       scope.$watch(attr.ngModel, function() { 
        validate(); 
       }) 
       attr.$observe('pwCheck', function (val) { 
        validate(); 
       }); 
       var validate = function() { 
        var val1 = ngModel.$viewValue; 
        var val2 = attr.pwCheck; 
        ngModel.$setValidity('passwordVerify', val1 === val2); 

確認メッセージを表示する理由イムことができない私を助けてくださいHtmlCode

ここで私はEmpCpswディレクティブを使用しているためEmp_Cpswに対してEmp_Passwordを検証しようとしているイム。指示は正常ですが確認メッセージはポップアップではありません

<b>EnterPassword</b> :<input type="password" name="Emp_Password" ng-model="psw1" pw-check="{{psw2}}" required /> 

       <span class="error" ng-show="pwCheck">Password not match</span> 
       <b>c_password</b><input type="password" name="Emp_Cpsw" ng-model="psw2" pw-check required pw-check="{{psw1}}" />   
       <span class="error" ng-show="pwCheck">Password not match</span> 

Answer 1

setValidityをpasswordVerifyという名前で追加しました。したがって、viewに同じ名前を使用する必要があります。

ngModel.$setValidity('passwordVerify', val1 === val2); 

ので、

<span class="error" ng-show="passwordVerify">Password not match</span>