0

Я использую Anggular Material mdDialog, чтобы показать небольшую форму внутри диалогового окна. Я вызываю директиву имя пользователя, доступное, чтобы выполнить асинхронную проверку внутри него.асинхронный валидатор, чтобы вернуть обещание, но вместо этого получил «undefined» - внутри mddialog угловой материал

dialog.tmpl.html:

<md-dialog aria-label="Save Scenario"> 
<form name="userForm" novalidate > 

<input style="display:inline-block" name="Name" ng-model="SaveScenario.ScenarioName" ng-pattern="pattern" 
        required username-available ng-model-options="{ updateOn: 'blur' }"> 

</form> 
</md-dialog> 

app.js:

module.directive('usernameAvailable', function($timeout, $q,UserService) { 
    return { 
    restrict: 'A', 
    require: 'ngModel', 
    link: function(scope, elm, attr, ngModel) { 
     ngModel.$asyncValidators.usernameExists = function(modelValue, viewValue) { 


     var currentValue = modelValue || viewValue; 

     UserService.checkifScenarioNameExists(currentValue) 
     .then(
         function (d) 
         {        
          console.log("the data object from promise is", d.data); 
          if (d.data == true) 
          { 
           console.log("username exists"); 
          //  deferred.resolve(d.data); 
            return $q.resolve(d.data); 
          } 
          else 
          { 
           console.log("username does not exist"); 
           ngModel.$setValidity('usernameExists', false); 

            return $q.reject(d.data); 
          } 


         }, 
         function (errResponse) { 
          console.error('The Promise was unsuccessfull'); 
         } 

       ); 

     }; 
    } 
    } 
}); 

Вот как моя диалоговое окно выглядит и также отображается ошибка:

Dialog Box

Я думаю, что мой синтаксис для возврата обещания внутри директивы является правильным. Я не уверен, что это может быть что-то с md-диалогом. Может кто-нибудь, пожалуйста, помогите, почему эта ошибка происходит?

ответ

1

Как указано погрешность, expected asynchronous validator to return a promise. Внутри валидатора вы пропустили оператор возврата перед использованием UserService.

return UserService.checkifScenarioNameExists(currentValue).then(...)