використовувати $ 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

Це старе питання, здається, у нас щось відбувається з курячими яйцями, якщо ми хочемо покластись на основні можливості бібліотеки.

Замість того, щоб вирішити проблему принципово, я зробив це обхід. Створіть директиву, яка охоплює все тіло. Напр.

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