AngularJs-表單驗證指令。密碼確認始終無效

Question

我在我的離子應用程序（the code available here）中有註冊表單，註冊視圖有它自己的控制器。密碼確認有一個指令來檢查與主密碼的匹配。註冊按鈕被禁用，直到表單有效。但該表格永遠不會生效。 password_c輸入總是無效。

<ion-view view-title="Register Form"> 
    <ion-content> 
    <form ng-submit="signup()" name="regForm" novalidate> 
     <div> 
     <label for="email" .....></label> 
     <label for="password" ......></label> 
     <label for="password_c"> 
       <input type="password" id="password_c" name="password_c" ng-model="registerForm.password_c" valid-password-c required> 
        <span ng-show="regForm.password_c.$error.required && regForm.password_c.$dirty">Please confirm your password.</span> 
        <span ng-show="!regForm.password_c.$error.required && regForm.password_c.$error.noMatch && regForm.password.$dirty">Passwords do not match.</span> 
      </label> 
       <button type="submit" ng-disabled="!regForm.$valid"> 
     </div> 
    </form> 
    </ion-content> 
</ion-view> 

，這是指令：

.directive('validPasswordC', function() { 
     return { 
     require: 'ngModel', 
     link: function (scope, elm, attrs, ctrl) { 
      ctrl.$parsers.unshift(function (viewValue, $scope) { 
      var noMatch = viewValue != scope.regForm.password.$viewValue 
      ctrl.$setValidity('noMatch', !noMatch) 
      }) 
     } 
     } 
    }) 

我做console.log的ng-show條件;當密碼匹配時，條件變得不明確。

console.log(!regForm.password_c.$error.required && regForm.password_c.$error.noMatch && regForm.password.$dirty) 

另外;首先.required變得不確定，然後.noMatch

Answer 1

我現在不能測試它，但我相信$parsers期望您除非有解析器錯誤纔會返回一個值。
試着在你的代碼中添加return：

ctrl.$parsers.unshift(function (viewValue) { 
    var noMatch = viewValue != scope.regForm.password.$viewValue; 
    ctrl.$setValidity('noMatch', !noMatch); 
    return viewValue; 
});