javascript - 无法读取未定义的属性 get Riders

Question

我想调用我在 DeliverService 中定义的服务，但是当我从 Controller 调用它时，它给出了 Cannot read property getRiders of undefined 错误，不知道为什么这发生了:|

DeliverService.js

angular.module('Deliver')
    .service('DeliverService', ['$http', '$state', '$resource', '$q', 'SettingService', '$localStorage', "MessageService", function($http, $state, $resource, $q, SettingService, $localStorage, MessageService) {
        var service = { 
            getRiders : function(){
                return $http.get("Hero.json");
                //return $http.get(SettingService.baseUrl + "api/orders");
            } }
        return service;
    }]);

DeliverCtrl.js

use strict';
angular.module('Deliver').controller('DeliverCtrl',['$scope','$state', "SettingService","DeliverService", function($scope, $state, $ionicModal, MessageService, SettingService,DeliverService) {
  $scope.riders = [];
  DeliverService.getRiders().then(function(response){
    $scope.riders = response.data.data;
  }, function(error){ 
  });
}]);

Answer 1

您的依赖项与此处的顺序不匹配。因此，DeliverService 实际上并未注入(inject)。

您的 Controller 代码应如下所示:

angular.module('Deliver').controller('DeliverCtrl', 
  ['$scope','$state', '$ionicModal', 'MessageService', 'SettingService','DeliverService', 
  function($scope, $state, $ionicModal, MessageService, SettingService, DeliverService) {
    $scope.riders = [];
    DeliverService.getRiders().then(function(response){
      $scope.riders = response.data.data;
    }, function(error){});
}]);