AngularJS工厂服务返回“未定义”

Question

我已经尝试过其他具有相同问题的答案，但是没有一个起作用。 我在打电话给我的工厂时遇到问题，我得到了undefined回报。

控制器（main.js）：

app.controller('MainCtrl', ['$scope','beamAPI', function($scope, beamAPI){
    $scope.debug = 'Debug True';
    $scope.beamFollowers = 1;
    console.log(beamAPI('amtraxtge'));
}]);

工厂（beam.js）：

app.factory('beamAPI', function($http) {
    var APIuser = {};
    APIuser = function(user) {
        $http.get('https://beam.pro/api/v1/channels/' + user).
        then(function(res){
            console.log(res.data);
            return res.data;
        });
    }
    return APIuser;
});

安慰：

undefined       main.js:4
► Object        beam.js:6

Answer 1

您的APIuser()不返回任何内容。 您需要返回promise，并在控制器中等待promise解析，然后再分配或记录任何数据

在工厂

   APIuser = function(user) {
      // return $http promise
      return   $http.get('https://beam.pro/api/v1/channels/' + user).
         then(function(res){
             console.log('Factory log',res.data);
             return res.data;
         });
    }

在控制器中

beamAPI('amtraxtge').then(function(data){
     $scope.someProperty = data;
     console.log('Controller log',data);
});