2016-03-31 19 views
0

Parolaları karşılaştırmak ve parola alanlarını onaylamak ve eşleşmeyecekse hata iletisini göstermek için bir yönerge oluşturdum.Angularjsggörüntü gösteriliyor

(function() { 
    'use strict'; 
    var compareTo = function() { 
     return { 
      require: "ngModel", 
      scope: { 
       otherModelValue: "=compareTo" 
      }, 
      link: function (scope, element, attributes, ngModel) { 

       ngModel.$validators.compareTo = function (modelValue) { 
        return modelValue == scope.otherModelValue; 
       }; 

       scope.$watch("otherModelValue", function() { 
        ngModel.$validate(); 
       }); 
      } 
     }; 
    }; 
    angular.module('StarterApp').directive("compareTo", compareTo); 

})(); 

Benim HTML:

    <form name="updatePwdForm" novalidate> 
         <md-input-container class="md-block"> 
          <label for="password">Password:</label> 
          <input type="password" name="password" ng-model="ctrl.updatepassword.password" /> 
         </md-input-container> 

         <md-input-container class="md-block"> 
          <label for="confirmPassword">Confirm Password:</label> 
          <input type="password" name="confirmPassword" label="confirmPassword" ng-model="ctrl.updatepassword.confirmpassword" required 
          compare-to="ctrl.updatepassword.password" /> 
          <div ng-messages="updatePwdForm.confirmPassword.$error" style="color:maroon" role="alert"> 
           <div ng-message="required">Password and Confirm Password are not same!</div>         
          </div> 
         </md-input-container> 

         <md-button class="md-raised md-primary" ng-disabled="updatePwdForm.$invalid" ng-click="ctrl.updatePassword()">Update</md-button> 

        </form> 
       </md-content> 

benim yönergesi değerlerini karşılaştırarak ve benim düğmesi hala ben doğru Şifreyionayla tip devre dışı modunda olduğu için bu Eşleşmeyecek false döndürüyor eminim ama ngMessage'imi göstermiyor. Bir şey mi eksik? Şimdiden teşekkürler. senin doğrulayıcı adı compareTo olduğundan Yerine

<div ng-message="required"> 

ait

cevap

1

Eğer

<div ng-message="compareTo"> 

olmalıdır.

+0

Müthiş @JB Nizet, Teşekkürler. – Venkat