Versprechen zurückgegebene Objekt in Winkel js

Question

ich habe meine authservice wie unten angegeben,

myApp.factory('Authentication', 
    ['$rootScope', '$location', 'URL', '$http', '$q', 
    function ($rootScope, $location, URL, $http, $q) { 

    var myObject = { 
    authwithpwd: function (user) { 

     var dfd = $q.defer(); 
     $http 
     .post('Mart2/users/login', {email: user.email, password: user.password}) 
     .then(function (res) { 

      return dfd.resolve(res.data); 


     }, function (err) { 

      return dfd.reject(err.data); 

     }); 

     return dfd.promise; 

    } //login 
    }; 
    return myObject; 
}]); //factory 

und ich bin diesen Dienst in Benutzer-Dienst wie folgt:

myApp.factory('UserService', 
    ['$rootScope', '$location', 'URL', '$http', '$q', 'Authentication', 
    function ($rootScope, $location, URL, $http, $q, $Authentication) { 

    var myObject = { 
    login: function (user) { 
     $Authentication.authwithpwd(user).then(function (regUser) { 
     console.log(regUser); 
     }).catch(function (error) { 
     $rootScope.message = error.message; 
     }); 
    }, 
    getUserToken: function() { 
     return $rootScope.currentUser.apiKey; 

    }, 
    isLogged: function() { 
     if ($rootScope.currentUser) { 
     return true; 
     } else { 
     return false; 
     } 
    } 
    //login 
    }; 
    return myObject; 
}]); //factory 

Ich bin sehr neu für Winkel js. Während ich Dienst schreibe und diesen Dienst vom Controller aus anrufe, habe ich eine Konsole in den Benutzerdienst debuggen lassen, der sein zurückkehrendes Objekt anzeigt. Ich bekomme ein Objekt, wenn ich console.log (regUser) mache. irgendeine Idee warum?

Answer 1

Um das Objekt zu erhalten, müssen Sie Ihre myObject-Deklaration ändern. Im Grunde müssen Sie ein Versprechen von der Login-Funktion zurückgeben und dann einen Rückruf schreiben, um die aufgelösten Daten zu erhalten.

myApp.factory('UserService', 
    ['$rootScope', '$location', 'URL','$http','$q','Authentication', 
    function($rootScope,$location, URL,$http,$q,$Authentication) { 

    var myObject = { 
    login: function(user) { 
     var defer = $q.defer(); 
     $Authentication.authwithpwd(user).then(function(regUser) { 
      console.log(regUser); 
      defer.resolve(regUser); 
     }).catch(function(error) { 
      $rootScope.message = error.message; 
      defer.reject(regUser); 
     }); 
     return defer.promise; 
    }, 
    getUserToken:function() { 
     return $rootScope.currentUser.apiKey; 
    }, 
    isLogged:function() { 
     if($rootScope.currentUser){ 
      return true; 
      } else { 
      return false; 
      } 
     }//login 
    }; 
    return myObject; 
}]); //factory 

Um das Objekt von der Steuerung zu extrahieren oder aus einem anderen Service benötigen Sie einen Rückruf

UserService.login(user) 
    .then(function (data) { 
     $scope.data = data; 
    }, function (error) { 
     $scope.error = error; 
    }); 

Auch in dem Authentifizierungsdienst schreiben Sie können nur ein ‚dfd.resolve‘ zu tun, anstatt ‚Rückkehr dfd.resolve '; da gibst du schon die dfd.promise zurück.
Ich habe einen Fiddler erstellt here