используйте $ http внутри настраиваемого поставщика в конфигурации приложения, angular.js

Question 1

Главный вопрос - возможно ли это? Я безуспешно пытался ..

основной app.js

...
var app = angular.module('myApp', ['services']);
app.config(['customProvider', function (customProvider) {

}]);
...

сам провайдер

var services = angular.module('services', []);
services.provider('custom', function ($http) {
});

И у меня такая ошибка:

Uncaught Error: Unknown provider: $http from services

Любые идеи?

Благодарность!

Question 2

Итог:

Вы НЕ МОЖЕТЕ ввести услугу в раздел конфигурации провайдера .
Вы МОЖЕТЕ ввести услугу в раздел, который инициализирует услугу провайдера .

Детали:

Angular framework имеет двухэтапный процесс инициализации:

ФАЗА 1: Конфигурация

На этом configэтапе инициализируются все поставщики и выполняются все configразделы. В configсекции может содержать код , который конфигурирует объекты провайдера и , следовательно , они могут быть введены с объектами провайдера. Однако, поскольку провайдеры являются фабриками для сервисных объектов, и на этом этапе провайдеры не полностью инициализированы / настроены -> вы не можете попросить провайдера создать сервис для вас на этом этапе -> на стадии конфигурации вы не можете использовать / инъекционные услуги . Когда этот этап завершен, все поставщики готовы (после завершения этапа конфигурации больше нельзя будет выполнить настройку поставщика).

ФАЗА 2: Бег

Во время runфазы runвыполняются все разделы. На этом этапе поставщики готовы и могут создавать службы -> на runэтапе вы можете использовать / вводить службы .

Примеры:

1. Внедрение `$http`сервиса в функцию инициализации провайдера НЕ БУДЕТ работать

//ERRONEOUS
angular.module('myModule').provider('myProvider', function($http) {
    // SECTION 1: code to initialize/configure the PROVIDER goes here (executed during `config` phase)
    ...

    this.$get = function() {
        // code to initialize/configure the SERVICE goes here (executed during `run` stage)

        return myService;
    };
});

Поскольку мы пытаемся внедрить $httpслужбу в функцию, которая выполняется на configэтапе, мы получим ошибку:

Uncaught Error: Unknown provider: $http from services

На самом деле эта ошибка означает, что объект, $httpProviderкоторый используется для создания $httpслужбы, еще не готов (поскольку мы все еще находимся в configфазе).

2. Введение `$http`сервиса в функцию инициализации сервиса БУДЕТ работать:

//OK
angular.module('myModule').provider('myProvider', function() {
    // SECTION 1: code to initialize/configure the PROVIDER goes here (executed during `config` phase)
    ...

    this.$get = function($http) {
        // code to initialize/configure the SERVICE goes here (executed during `run` stage)

        return myService;
    };
});

Поскольку сейчас мы внедряем службу в функцию инициализации службы, которая выполняется на runэтапе, этот код будет работать.

Question 3

Это может дать вам небольшое преимущество:

var initInjector = angular.injector(['ng']);
var $http = initInjector.get('$http');

Но будьте осторожны, обратные вызовы успеха / ошибки могут держать вас в состоянии гонки между запуском приложения и ответом сервера.

Question 4

Это старый вопрос, кажется, у нас что-то происходит с куриным яйцом, если мы хотим полагаться на основные возможности библиотеки.

Вместо того, чтобы решить проблему фундаментальным образом, я обошел стороной. Создайте директиву, охватывающую все тело. Ex.

<body ng-app="app">
  <div mc-body>
    Hello World
  </div>
</body>

Теперь mc-bodyнеобходимо инициализировать перед рендерингом (один раз), например.

link: function(scope, element, attrs) {
  Auth.login().then() ...
}

Auth является услугой или поставщиком, напр.

.provider('Auth', function() {
  ... keep your auth configurations
  return {
    $get: function($http) {
      return {
        login: function() {
          ... do something about the http
        }
      }
    }
  }
})

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

И эта директива, как мне кажется, может опережать маршрутизацию, потому что маршрутизация также вводится через директиву ex. <ui-route />. Но я могу ошибаться в этом. Требуется дополнительное расследование.

Question 5

На ваш вопрос «Есть идеи?» Я бы ответил «да». Но подождите, это еще не все!

Я предлагаю просто использовать JQuery в конфиге. Например:

var app = angular.module('myApp', ['services']);
app.config(['$anyProvider', function ($anyProvider) {
    $.ajax({
        url: 'www.something.com/api/lolol',
        success: function (result) {
            $anyProvider.doSomething(result);
        }
    });
}]);