La question principale - est-ce possible? J'ai essayé sans succès.
app.js principal
...
var app = angular.module('myApp', ['services']);
app.config(['customProvider', function (customProvider) {
}]);
...fournisseur lui-même
var services = angular.module('services', []);
services.provider('custom', function ($http) {
});Et j'ai une telle erreur:
Uncaught Error: Unknown provider: $http from services Des idées?
Merci!
app.configpartie
Réponses:
Le framework angulaire a un processus d'initialisation en 2 phases:
Pendant la configphase, tous les fournisseurs sont initialisés et toutes les configsections sont exécutées. Les configsections peuvent contenir du code qui configure les objets fournisseur et par conséquent, elles peuvent être injectées avec des objets fournisseur. Cependant, comme les fournisseurs sont les usines des objets de service et à ce stade, les fournisseurs ne sont pas entièrement initialisés / configurés -> vous ne pouvez pas demander au fournisseur de créer un service pour vous à ce stade -> à l'étape de configuration, vous ne pouvez pas utiliser / injecter des services . Lorsque cette phase est terminée, tous les fournisseurs sont prêts (aucune autre configuration de fournisseur ne peut être effectuée une fois la phase de configuration terminée).
Pendant la runphase, toutes les runsections sont exécutées. À ce stade, les fournisseurs sont prêts et peuvent créer des services -> pendant la runphase, vous pouvez utiliser / injecter des services .
$httpservice de la fonction d'initialisation du fournisseur WILL NOT travail//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; }; });
Puisque nous essayons d'injecter le $httpservice dans une fonction qui est exécutée pendant la configphase, nous obtiendrons une erreur:
Uncaught Error: Unknown provider: $http from services
Ce que cette erreur dit en fait, c'est que le $httpProviderqui est utilisé pour créer le $httpservice n'est pas encore prêt (puisque nous sommes encore dans la configphase).
$httpservice de la fonction d' initialisation du service WILL travail://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;
};
});Puisque nous injectons maintenant le service dans la fonction d'initialisation du service, qui est exécutée pendant la runphase, ce code fonctionnera.
<script>var config = <% = mySettings.toJson() %>;</script>). Cela peut être fait en utilisant un moteur de création de modèles tel que Smarty pour PHP, Jinja2 pour Python, Nunchucks pour NodeJS, etc.
Cela pourrait vous donner un petit effet de levier:
var initInjector = angular.injector(['ng']);
var $http = initInjector.get('$http');Mais attention, les rappels succès / erreur peuvent vous maintenir dans une situation de concurrence critique entre le démarrage de l'application et la réponse du serveur.
angular.injector(['mymodule'])- mais je ne suis pas sûr que vous puissiez utiliser cette approche pour le $httpservice. Je veux dire que je l'ai fait. Je ne sais pas si cela aide ou non: - /
C'est une vieille question, il semble que nous ayons quelque chose à faire avec des œufs de poule si nous voulons nous fier aux capacités de base de la bibliothèque.
Au lieu de résoudre le problème de manière fondamentale, ce que j'ai fait, c'est le contourner. Créez une directive qui englobe tout le corps. Ex.
<body ng-app="app">
<div mc-body>
Hello World
</div>
</body>Il mc-bodydoit maintenant être initialisé avant le rendu (une fois), ex.
link: function(scope, element, attrs) {
Auth.login().then() ...
}Auth est un service ou un fournisseur, ex.
.provider('Auth', function() {
... keep your auth configurations
return {
$get: function($http) {
return {
login: function() {
... do something about the http
}
}
}
}
})Il me semble que j'ai le contrôle sur l'ordre du bootstrap, c'est après que le bootstrap normal ait résolu toute la configuration du fournisseur et ensuite essayé d'initialiser la mc-bodydirective.
Et cette directive me semble pouvoir être en avance sur le routage, car le routage est également injecté via une directive ex. <ui-route />. Mais je peux me tromper là-dessus. Nécessite une enquête plus approfondie.
En réponse à votre question, "Des idées?", J'aurais répondu par "oui". Mais attendez, il y a plus!
Je suggère simplement d'utiliser JQuery dans la configuration. Par exemple:
var app = angular.module('myApp', ['services']);
app.config(['$anyProvider', function ($anyProvider) {
$.ajax({
url: 'www.something.com/api/lolol',
success: function (result) {
$anyProvider.doSomething(result);
}
});
}]);