TypeError：reservationService.getPendingReservations不是函数

angular.js:13708 TypeError: reservationService.getPendingReservations is not a functionTypeError：reservationService.getPendingReservations不是函数

当我第一次加载页面时，我得到这个错误，但给F5的页面，加载顺利。

下面我显示我的代码。我找不到错误。我一直在检查一些论坛，表明它可能与依赖注入有关，但仍然无法找到错误。我做了一个测试，我意识到当第一次加载页面时，工厂是未初始化的，如果这与此无关。

homeController.js

'use strict'; 
app.controller('homeController', ['$scope', '$route', '$location', 'authService', 'reservationService', 'localStorageService', 
    function ($scope, $route, $location, authService, reservationService, localStorageService) { 


    $scope.showNotifications = function() { 
     updateNotifications(); 
     $("#notificationContainer").fadeToggle(600); 
     //hideCountNotifications(); 
    } 


function updateNotifications() { 

     reservationService.getPendingReservations(authData.id_place).then(function (results) { 
      if (results.status != 200) { 
       $scope.message = "Upps! Lo siento, creo que tenemos un problema al cargar las notificaciones."; 
       console.log(results); 
      } 
      else { 
       $scope.notifications = results.data; 
       $scope.cantPendingReservations = results.data.length; 

       //// La primera vez que carga la pagina se llamada el metodo para que recargue la grilla 
       //reloadGrid(); 
      } 
      //$scope.$emit('UNLOAD') 
      //$("#tableScheduler").show(); 

     }, function (error) { 
      if (error.status == 401) { authService.logOut(); $location.path('/login'); } 
     }); 
    } 


}]);

reservationService.js

'use strict'; 
app.factory('reservationService', ['$http', '$q', 'localStorageService', 'servicesConnect', function ($http, $q, localStorageService, servicesConnect) { 

    var serviceBase = servicesConnect.apiFutbolPlay; 
    var reservationService = {}; 

    var authData = localStorageService.get('authorizationData'); 
    if (authData) { 
     var _ListPitch = function (id_place) { 
      var deferred = $q.defer(); 
      $http.get(serviceBase + 'api/pitches/single/' + id_place).then(function (results) { 
       deferred.resolve(results); 
      }, function errorCallback(err, status) { 
       deferred.reject(err); 
      }); 
      return deferred.promise; 
     } 

     var _ListPendingReservations = function (id_place) { 
      var deferred = $q.defer(); 
      $http.get(serviceBase + 'api/reservations/customer/myreservations/' + id_place, { headers: { 'Content-Type': 'application/x-www-form-urlencoded' } }).then(function (results) { 
       deferred.resolve(results); 
      }, function errorCallback(err, status) { 
       deferred.reject(err); 
      }); 
      return deferred.promise; 
     } 


     reservationService.getPendingReservations = _ListPendingReservations; 
    } 

    return reservationService; 

}]);

的index.html

<!DOCTYPE html> 
<html data-ng-app="FutPlayApp"> 
<head> 
    <meta name="msapplication-TileColor" content="#ffffff"> 
    <meta name="msapplication-TileImage" content="images/favicon/ms-icon-144x144.png"> 
    <meta name="theme-color" content="#ffffff"> 
</head> 
<body> 
    <div class="container" data-ng-controller="homeController"> 
     <div data-ng-view=""> 


     </div>   

     <div class="clearfix"></div> 
    </div> 

    <!-- Jquery --> 
    <script src="scripts/jquery-2.2.4.min.js"></script> 
    <!-- Bootstrap --> 
    <script src="scripts/bootstrap.min.js"></script> 
    <!-- Load Angular --> 
    <script src="scripts/angular.min.js"></script> 
    <script src="scripts/angular-route.min.js"></script> 
    <script src="scripts/loading-bar.min.js"></script> 
    <script src="scripts/angular-local-storage.min.js"></script> 
    <script src="scripts/moment.js"></script> 
    <script src="scripts/moment-timezone-with-data.js"></script> 
    <script src="scripts/datetimepicker.js"></script> 
    <script src="scripts/datetimepicker.templates.js"></script> 
    <script src="scripts/dateTimeInput.js"></script> 
    <!--Autocompletado--> 
    <script src="scripts/angucomplete-alt.js"></script> 
    <!-- Load app main script --> 
    <script src="app/app.js"></script> 
    <!-- Notificaciones de reservas de usuario --> 
    <script type="text/javascript" src="scripts/pnotify.custom.min.js"></script> 
    <!-- Load services --> 
    <script src="app/services/authInterceptorService.js"></script> 
    <script src="app/services/authService.js"></script> 
    <script src="app/services/reservationService.js"></script> 
    <script src="app/services/schedulerService.js"></script> 
    <script src="app/services/profileService.js"></script> 
    <script src="app/services/changepasswordService.js"></script> 
    <script src="app/services/reservationmultipleService.js"></script> 

    <!-- Load controllers --> 
    <script src="app/controllers/loginController.js"></script> 
    <script src="app/controllers/reservationController.js"></script> 
    <script src="app/controllers/homeController.js"></script> 
    <script src="app/controllers/schedulerController.js"></script> 
    <script src="app/controllers/profileController.js"></script> 
    <script src="app/controllers/changepasswordController.js"></script> 
    <script src="app/controllers/reservationmultipleController.js"></script> 
</body> 
</html>

来源

2016-10-04 Al3mor

出现错误的原因是reservationService.getPendingReservations仅在本地存储中存在'authorizationData'时才被初始化。如果没有，那么getPendingReservations从不设置任何东西。

我的猜测是，在您的代码中的其他地方，authorizationData存储在本地存储中，以便当您刷新页面时，该功能变为可用。

要解决此问题，您需要重构预订服务以处理尚未发生授权的情况，或在尝试使用getPendingReservations之前执行检查。

来源

2016-10-04 03:04:05

马特，的确，非常感谢！你很友好。 – Al3mor

我想感谢你的回答，但我没有最低15分这样做。但我运行你的解决方案。来自哥伦比亚的问候。 – Al3mor

您应该能够将其标记为正确。 –

TypeError：reservationService.getPendingReservations不是函数

回答

相关问题