为什么在Angular服务中未定义$ http.get（）？

Question

我正在尝试加载一些JSON并使用$ rootScope进行存储，以使其在控制器之间持久存在。 当我运行我的应用程序时，出现以下错误：

TypeError: Cannot call method 'get' of undefined

在我尝试引入$ rootScope之前，get方法一直运行良好...有什么想法吗？

我的服务如下所示：

  1 /**
  2  * Service to get the quiz data from a JSON source
  3  */
  4 app.factory('quizService', ['$rootScope', function ($scope, $rootScope, $http) {
  5     var promise;
  6     var service = {
  7         getQuiz: function($scope, $http) {
  8             if ( !promise ) {
  9                 promise = $http.get('QuizFileName.quiz').then(function (response) {
 10                     return response.data;
 11                 });
 12             }
 13             return promise;
 14         }
 15     };
 16     return service;
 17 }]);

我的控制器如下所示：

  7     // Get Quiz data from service
  8     quizService.getQuiz().then(function(data) {
  9         $scope.quiz = data;
 10
 11         // Redirect to scores if already completed this
 12         if($scope.quiz.complete === true) {
 13             $location.path('scores');
 14         }
 15     });

Answer 1

您在定义工厂时使用了“阵列模式”。 您应该在函数中使用的每个服务都有一个字符串，但是只有一个。

也就是说，你要做的是

app.factory('quizService', ['$rootScope', function ($scope, $rootScope, $http) {
    //insert code
}]);

但是你应该做的是

app.factory('quizService', ['$scope', '$rootScope', '$http', function ($scope, $rootScope, $http) {
    //insert code
}]);

AngularJS将使用字符串命名的函数映射到参数。 试试看，看看是否能解决您的问题。

编辑 ：啊，Reboog711的答案在解决该问题上更有意义，我不知何故错过了代码的后半部分。 但是我留下这个答案，因为您还应该修复工厂定义。

Answer 2

getQuiz是工厂内部的函数：

getQuiz: function($scope, $http) {

调用getQuiz时，不会在其中传递任何参数：

quizService.getQuiz()

$ http是未定义的，因为您在调用它时未传递任何参数。 Angular不会将项目注入到您手动调用的函数中。 它将仅使用AngularJS调用的函数（例如控制器或工厂函数）来执行此操作。

因此，您有一些选择。 一种是将$ scope和$ http参数传递给函数，如下所示：

quizService.getQuiz($scope, $http)

我敢肯定，这将解决问题，但这肯定是一种怪异的方法。

我可能会从函数定义中删除$ scope和$ http函数：

 getQuiz: function() {

然后确保您修改了出厂定义：

app.factory('quizService', ['$scope','$rootScope','$http', function ($scope, $rootScope, $http) {

没有此修改，Angular服务将不会传递到您的函数中。

然后，当您在函数内部访问$ http时，它应访问传递给工厂的值，该值不应是未定义的。

Answer 3

好的，Reboog711使我走上了正确的轨道，我需要修改我的工厂定义以包含$ http，我以前曾尝试这样做，但错误地将其像这样放在一起：

'$rootScope, $http'

不要这样做，这是好事，也是错误的！ 但是Reboog711的回答也给了我错误，因为我认为您不能以我们都认为的方式使用$ scope。

正确的（或有效的）解决方案是：

app.factory('quizService', ['$rootScope', '$http', function ($rootScope, $http) {

我希望这可以帮助Angular的其他新手。 非常感谢所有回答评论的人。 我非常尊重这个社区对帮助他人的态度：)