Я использую 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');
}
);
};
}
}
});
Вот как моя диалоговое окно выглядит и также отображается ошибка:
Я думаю, что мой синтаксис для возврата обещания внутри директивы является правильным. Я не уверен, что это может быть что-то с md-диалогом. Может кто-нибудь, пожалуйста, помогите, почему эта ошибка происходит?