Angularjs $ setValidity ne bloque pas la soumission de formulaire lorsqu'elle est définie sur false .. Qu'est-ce qui ne va pas ici?

Question

J'ai une directive "EnsureUniqueValidator" pour vérifier l'unicité des valeurs dans la base de données. La fonction est générique. Il est appelé dans la page HTML de la manière suivante:

<input type="email" name="email" ng-model="userCtrl.user.email" 
required ensure-unique-validator /> 

Code de la directive:

app.directive('ensureUniqueValidator', [ 
     '$http', 
     function($http) { 
      return { 
       restrict : 'A', 
       require : 'ngModel', 
       link : function(scope, ele, attrs, c) { 

        c.$parsers.push(function(val) { 

         return $http.get(
           'MainServlet.do?method=is' + attrs.name 
             + 'unique&' + attrs.name + '=' 
             + val).then(
           function(result) { 
            console.log(result.data); 
            c.$setValidity('ensureUniqueValidator', 
              result.data); 
            return result.data;//returns true or false 
           }); 
        }); 
       } 
      } 
     } ]); 

Le problème est, le formulaire reste valable même si le serveur est revenu comme faux. On dirait que la fonction $ setValidity n'invalide pas le formulaire.

Est-ce que je fais quelque chose de mal ici? Merci d'avance.

Answer 1

Cela devrait fonctionner (selon les docs de toute façon, je n'en ai pas encore écrit un).

La chose principale semble être que la promesse soit devrait détermination pour une valeur valide ou rejeter pour un un invalide.

// don't forget to inject the $q service 
c.$asyncValidators.ensureUniqueValidator = function(modelValue, viewValue) { 
    if (ctrl.$isEmpty(modelValue)) { 
     // consider empty model valid 
     return $q.when(); 
    } 

    var params = { 
     method: 'is' + attrs.name + 'unique' 
    }; 
    params[attrs.name] = modelValue; 

    return $http.get('MainServlet.do', { 
     params: params 
    }).then(function(response) { 
     if (!response.data) { 
      return $q.reject(); 
     } 
     return true; 
    }); 
};