无法在嵌套函数中读取“get”$http 的属性

Question

我收到以下错误

angular.js:13550 TypeError: Cannot read property 'get' of undefined 在 Object.DataService.getDataFromAPI

这是我搞砸 $HTTP.get 的地方。知道我做错了什么或如何解决吗？ 我认为问题在于将 $HTTP 传递给嵌套函数。

(函数（模块）{ '使用严格';

DataService.$inject = ['$http', '$q'];
function DataService($http, $q) {


var getDataFromAPI = function ($http) {


        $http.get("http://localhost:34183/myAPI")
        .then(function (response) {
            console.log(response);
            console.log(response.data);
            return response.data;
        });

    };
}
 return {
            getDataFromAPI: getDataFromAPI
};
}

    module.factory('DataService', DataService);

})(angular.module('ClassAPP'));

这是我的代码，如果我直接将 json 嵌入其中，该方法可以正常工作。

 DataService.$inject = ['$http', '$q'];
 function DataService($http, $q) {

 var getDataFromAPI = function ($http) {
        return [{
                  "Grade": "A+",
                  "Class": {
                      "Subject": "Select Topics in Basket Weaving",
                      "Professor": "DJ Khaled"
                  }            
               }];
    };
return {
            getDataFromAPI: getDataFromAPI
};
}
module.factory('DataService', DataService);

})(angular.module('ClassAPP'));

Answer 1

你需要在工厂内返回对象

function DataService($http, $q) {


    var getDataFromAPI = function () {        

      return $http.get("http://localhost:34183/myAPI")
            .then(function (response) {
                console.log(response);
                console.log(response.data);
                return response.data;
            });

        };

      return {
           getDataFromAPI : getDataFromAPI 
       }
    }

Answer 2

你可以这样写吗？

app.factory("DataService", ["$http", function($http){
    return {
        getDataFromApi: function(url) {
            return $http.get(url);
        }
    };
}]);

用法

getDataFromApi.getDataFromApi('/path/to/api/');