无法读取未定义的属性getRiders

时间:2017-04-20 11:22:14

标签: javascript angularjs model-view-controller undefined

我想调用我在DeliverService中定义的服务,但是当我从控制器调用它时,它会给出错误Cannot read propery 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){ 
  });
}]);

2 个答案:

答案 0 :(得分:2)

您的依赖关系不在此处的匹配顺序中。因此,DeliverService实际上并未注入。

您的控制器代码应如下所示:

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){});
}]);

答案 1 :(得分:1)

在DeliverCtrl.js

注射参数和功能参数不匹配

应该是这样的

['$scope','$state','$ionicModal','MessageService','SettingService','DeliverService', function($scope, $state, $ionicModal, MessageService, SettingService,DeliverService)