在 angular js 中承诺返回对象

Question

我有如下所示的授权服务，

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

我在用户服务中使用该服务如下：

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

我对 angular js 很陌生。在编写服务并从控制器调用该服务时，我在用户服务中放置了一个控制台调试，它显示了它的返回对象。如果我这样做，我会得到对象 console.log(regUser) ？知道为什么吗？

Answer 1

要获取对象，您需要更改 myObject 声明。基本上，您需要 return 来自登录函数的承诺，然后编写回调以获取已解析的数据。

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

要从控制器或其他服务中提取对象，您需要编写回调

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

同样在身份验证服务中，您可以只执行 'dfd.resolve' 而不是 'return dfd.resolve'；因为您已经 return 正在 dfd.promise.
我创建了一个提琴手 here

在 angular js 中承诺返回对象

Promise returning object in angular js

angularjs

angular-promise