La pregunta principal: ¿es posible? Lo intenté sin suerte ..
app.js principal
...
var app = angular.module('myApp', ['services']);
app.config(['customProvider', function (customProvider) {
}]);
...propio proveedor
var services = angular.module('services', []);
services.provider('custom', function ($http) {
});Y tengo tal error:
Uncaught Error: Unknown provider: $http from services ¿Algunas ideas?
¡Gracias!
app.configparte
Respuestas:
El marco angular tiene un proceso de inicialización de 2 fases:
Durante la configfase, todos los proveedores se inicializan y todas las configsecciones se ejecutan. Las configsecciones pueden contener código que configura los objetos del proveedor y, por lo tanto, se pueden inyectar con los objetos del proveedor. Sin embargo, dado que los proveedores son las fábricas de los objetos de servicio y en esta etapa los proveedores no están completamente inicializados / configurados -> no puede pedirle al proveedor que cree un servicio para usted en esta etapa -> en la etapa de configuración no puede usar / servicios de inyección . Cuando se completa esta fase, todos los proveedores están listos (no se pueden realizar más configuraciones de proveedores una vez completada la fase de configuración).
Durante la runfase runse ejecutan todas las secciones. En esta etapa, los proveedores están listos y pueden crear servicios -> durante la runfase puede usar / inyectar servicios .
$httpservicio a la función de inicialización del proveedor NO funcionará//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; }; });
Como estamos intentando inyectar el $httpservicio en una función que se ejecuta durante la configfase, obtendremos un error:
Uncaught Error: Unknown provider: $http from services
Lo que realmente dice este error es que el $httpProviderque se usa para crear el $httpservicio aún no está listo (ya que todavía estamos en la configfase).
$httpservicio a la función de inicialización del servicio FUNCIONARÁ ://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;
};
});Dado que ahora estamos inyectando el servicio en la función de inicialización del servicio, que se ejecuta durante la runfase, este código funcionará.
<script>var config = <% = mySettings.toJson() %>;</script>). Esto se puede hacer usando un motor de plantillas como Smarty para PHP, Jinja2 para Python, Nunchucks para NodeJS, etc.
Esto podría darle un pequeño apalancamiento:
var initInjector = angular.injector(['ng']);
var $http = initInjector.get('$http');Pero tenga cuidado, las devoluciones de llamada de éxito / error pueden mantenerlo en una condición de carrera entre el inicio de la aplicación y la respuesta del servidor.
angular.injector(['mymodule']), pero no estoy seguro de que pueda utilizar este enfoque para el $httpservicio. Aunque quiero decir que sí. No estoy seguro de si esto ayuda o no: - /
Esta es una vieja pregunta, parece que tenemos algo de huevo de gallina si queremos confiar en la capacidad central de la biblioteca.
En lugar de resolver el problema de manera fundamental, lo que hice fue pasar por alto. Crea una directiva que envuelva todo el cuerpo. Ex.
<body ng-app="app">
<div mc-body>
Hello World
</div>
</body>Ahora mc-bodydebe inicializarse antes de renderizar (una vez), ej.
link: function(scope, element, attrs) {
Auth.login().then() ...
}Auth es un servicio o proveedor, ej.
.provider('Auth', function() {
... keep your auth configurations
return {
$get: function($http) {
return {
login: function() {
... do something about the http
}
}
}
}
})Me parece que tengo el control sobre el orden del bootstrap, es después de que el bootstrap normal resuelve toda la configuración del proveedor y luego intento inicializar la mc-bodydirectiva.
Y esta directiva me parece que puede estar por delante del enrutamiento, porque el enrutamiento también se inyecta a través de una directiva ex. <ui-route />. Pero puedo equivocarme en esto. Necesita más investigación.
En respuesta a su pregunta, "¿Alguna idea?", Habría respondido con "sí". ¡Pero espera hay mas!
Sugiero usar JQuery en la configuración. Por ejemplo:
var app = angular.module('myApp', ['services']);
app.config(['$anyProvider', function ($anyProvider) {
$.ajax({
url: 'www.something.com/api/lolol',
success: function (result) {
$anyProvider.doSomething(result);
}
});
}]);