错误消息与AsyncValidator不可见

Question

所需的指令显示红色的错误消息，工作！ uniqueschoolclassnumberValidator指令不显示红色错误消息！

从服务器我总是返回exists => true，但我也试着用false。

我该怎么做？自定义指令肯定会触发！

指令

'use strict'; 
angular.module('TGB').directive('uniqueschoolclassnumberValidator', function (schoolclassCodeService) { 
    return { 
     restrict: 'A', 
     require: 'ngModel', 
     link: function (scope, element, attrs, ngModel) { 
      ngModel.$asyncValidators.unique = function (schoolclass) { 
       var schoolclassNumber = "0a"; 
       var schoolyearId = 1; 
       return schoolclassCodeService.exists(schoolyearId, schoolclassNumber); 
      }; 
     } 
    }; 
}); 

服务

this.exists = function (schoolyearId, schoolclassNumber) { 

     var path = 'api/schoolyears/' + schoolyearId + '/schoolclasses/' + schoolclassNumber; 
     return $http.get(path).then(function (response) { 
      if (response.data == true) { 
       $q.reject("schoolclass number has already been taken"); 
      } 
      else { 
       return $q.resolve(); 
      } 
     }); 
    }; 

的Html

<form name="myForm"> 
    <div class="col-sm-8"> 
     <input type="text" unique-schoolclasnumber-Validator name="myInput" 
       ng-model-options="{ updateOn: 'default blur', debounce: {'default': 300, 'blur': 0} }" 
       ng-model="schoolclassNumber" class="form-control" 
       required placeholder="Enter schoolclass"> 
    </div> 
    <div ng-messages="myForm.myInput.$error" style="color:red" role="alert"> 
     <div ng-message="required">You did not enter anything.</div> 
     <div ng-message="unique">That schoolclass number already exists.</div> 
    </div> 
</form> 

Answer 1

在服务的存在的方法有应该回报关键字$ q.reject前：

if (response.data == true) { 
    return $q.reject("schoolclass number has already been taken"); 
} 
else { 
    return $q.resolve(); 
} 

指令应该被命名为uniqueSchoolclassnumberValidator，而不是uniqueschoolclassnumberValidator（AngularJS改变划线分隔的格式，以驼峰）。

在html代码中还有拼写错误，在单词“class”中。它应该是unique-schoolclassnumber-Validator而不是unique-schoolclasnumber-Validator。