Получить данные перед загрузкой страницы в angularJS

Question

Я пытаюсь извлечь ниспадающий список перед загрузкой страницы с помощью углового $ http. Я попробовал несколько комбинаций, но продолжают давать ту же ошибку:

Ошибка: [$ Инжектор: unpr] Неизвестный поставщик: officeListProvider < - officeList < - myController http://errors.angularjs.org/1.4.3/ $ инжекторной/unpr p0 = officeListProvider% 20% 3C? -% 20officeList% 20% 3C-% 20myController

Мне несколько недель в угловом, поэтому, пожалуйста, прошу прощения в случае каких-либо глупых ошибок.

var myApp = angular.module('myApp',['ngRoute']); 

myApp.config(['$routeProvider',function ($routeProvider) { 
    $routeProvider.when('../../home/goEeUpdateAngular.obj', { 
     templateUrl: '/employee_update_angular.jsp', 
     controller: 'myController', 
     resolve: { 
      officeList: function(officeListFactory) { 
       return officeListFactory.getOfficeList(); 
      } 
     } 
    }); 
}]); 

myApp.factory('officeListFactory', function($http, $window) { 
    $window.alert("Hi"); 
    var factoryResult = { 
     getOfficeList: function() { 
      var promise = $http({ 
       method: 'GET', 
       url: '../../home/goOfficesList.obj' 
      }).success(function(data, status, headers, config) { 
       console.log (data); 
       return data; 
      }); 

      return promise; 
     } 
    }; 

    console.log (factoryResult.getOfficeList()); 
    return factoryResult; 
}); 

myApp.controller('myController',function ($scope,officeList) { 
    $scope.officeListFactory = officeListFactory.data; 
}); 

Answer 1

В контроллере вы должны позвонить только officeList. Вот работающий JSFIDDLE. Я тоже пример webapi вместо вашего url

var myApp = angular.module('myApp',['ngRoute']); 

myApp.config(['$routeProvider',function ($routeProvider) { 
    $routeProvider.when('../../home/goEeUpdateAngular.obj', { 
     templateUrl: '/employee_update_angular.jsp', 
     controller: 'myController', 
     resolve: { 
      officeList: function(officeListFactory) { 
       return officeListFactory.getOfficeList(); 
      } 
     } 
    }); 
}]); 

myApp.factory('officeListFactory', function($http, $window) { 
    $window.alert("Hi"); 
    var factoryResult = { 
     getOfficeList: function() { 
      var promise = $http({ 
       method: 'GET', 
       url: '../../home/goOfficesList.obj' 
      }).success(function(data, status, headers, config) { 
       console.log (data); 
       return data; 
      }); 

      return promise; 
     } 
    }; 

    console.log (factoryResult.getOfficeList()); 
    return factoryResult; 
}); 

myApp.controller('myController',function ($scope,officeList) { 
    $scope.officeListFactory = officeList.data; //changes are made here 
}); 

Answer 2

Ошибка говорит «officeListProvider» нет или не видно, что вам нужно, чтобы добавить его в качестве зависимости.

Пожалуйста, попробуйте ниже изменения:

var ctrl = angular.module('myApp.controllers', []); 

к

var ctrl = angular.module('myApp.controllers', ['myApp.services']); 

, а также, пожалуйста, используйте один и тот же имя службы он является либо srvOfficeList или officeList, а также проверить ваш завод услуг, не справа - пример: AngularJS : factory $http service

Надеюсь, что это исправит проблему.

Пожалуйста, попробуйте создать CodePen (или аналогичный инструмент) при отправке вопроса, чтобы ответ мог попробовать/зафиксировать там и поделился с вами.