Ana soru - bu mümkün mü? Şanssız denedim ..
main app.js
...
var app = angular.module('myApp', ['services']);
app.config(['customProvider', function (customProvider) {
}]);
...
sağlayıcının kendisi
var services = angular.module('services', []);
services.provider('custom', function ($http) {
});
Ve bende böyle bir hata var:
Uncaught Error: Unknown provider: $http from services
Herhangi bir fikir?
Teşekkürler!
app.configbölümden bahsediyorum
Yanıtlar:
Açısal çerçevenin 2 aşamalı bir başlatma süreci vardır:
configAşama sırasında tüm sağlayıcılar başlatılır ve tüm configbölümler yürütülür. configBölümler sağlayıcı nesneleri yapılandırır ve bu nedenle sağlayıcı nesneler ile enjekte edilebilir kod içerebilir. Ancak, sağlayıcılar hizmet nesneleri için fabrikalar olduğundan ve bu aşamada sağlayıcılar tam olarak başlatılmadığından / yapılandırılmadığından -> bu aşamada sağlayıcıdan sizin için bir hizmet oluşturmasını isteyemezsiniz -> yapılandırma aşamasında kullanamazsınız / hizmetleri enjekte edin . Bu aşama tamamlandığında tüm sağlayıcılar hazırdır (yapılandırma aşaması tamamlandıktan sonra artık sağlayıcı yapılandırması yapılamaz).
runAşama sırasında tüm runbölümler yürütülür. Bu aşamada sağlayıcılar hazırdır ve hizmetler oluşturabilir -> runaşama sırasında hizmetleri kullanabilir / enjekte edebilirsiniz .
$httpsağlayıcı başlatma işlevine hizmet OLACAK DEĞİL iş
//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;
};
});
$httpHizmeti configaşama sırasında yürütülen bir işleve enjekte etmeye çalıştığımız için bir hata alacağız:
Uncaught Error: Unknown provider: $http from services
Bu hatanın aslında söylediği şey $httpProvider, $httphizmeti oluşturmak için kullanılanın henüz hazır olmadığıdır (çünkü hala configaşamadayız).
$httpHizmetin hizmet başlatma işlevine enjekte edilmesi ÇALIŞACAKTIR ://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;
};
});
Şu anda hizmeti, runaşama sırasında yürütülen hizmet başlatma işlevine enjekte ettiğimiz için bu kod çalışacaktır.
<script>var config = <% = mySettings.toJson() %>;</script>). Bu, PHP için Smarty, Python için Jinja2, NodeJS için Nunchucks, vb. Gibi bir şablon oluşturma motoru kullanılarak yapılabilir.
Bu size biraz avantaj sağlayabilir:
var initInjector = angular.injector(['ng']);
var $http = initInjector.get('$http');
Ancak dikkatli olun, başarı / hata geri aramaları sizi uygulamanın başlangıcı ile sunucu yanıtı arasında bir yarış durumunda tutabilir.
angular.injector(['mymodule'])- ancak bu yaklaşımı $httphizmet için kullanıp kullanamayacağınızdan emin değilim . Gerçi sahip olduğumu söylemek istiyorum. Bunun yardımcı olup olmadığından emin değilim: - /
Bu eski bir soru, kütüphanenin temel kapasitesine güvenmek istiyorsak bazı tavuk yumurtası olayımız var gibi görünüyor.
Problemi temel bir yoldan çözmek yerine, yaptığım şey by-pass oldu. Tüm vücudu saran bir yönerge oluşturun. Örn.
<body ng-app="app">
<div mc-body>
Hello World
</div>
</body>
Şimdi mc-bodyoluşturmadan önce (bir kez) başlatılması gerekiyor, örn.
link: function(scope, element, attrs) {
Auth.login().then() ...
}
Auth bir hizmet veya sağlayıcıdır, ör.
.provider('Auth', function() {
... keep your auth configurations
return {
$get: function($http) {
return {
login: function() {
... do something about the http
}
}
}
}
})
Bana öyle geliyor ki, önyükleme sırası üzerinde denetimim var, bu, normal önyükleme tüm sağlayıcı yapılandırmasını çözdükten ve sonra mc-bodyyönergeyi başlatmaya çalıştıktan sonra .
Ve bu yönerge bana yönlendirmenin önünde olabilir, çünkü yönlendirme aynı zamanda bir yönerge ile de enjekte edilir. <ui-route />. Ama bu konuda yanılıyor olabilirim. Biraz daha araştırılması gerekiyor.
"Herhangi Bir Fikriniz Var mı?" Sorunuza yanıt olarak "evet" ile yanıt verirdim. Ama bekleyin, dahası var!
Yapılandırmada sadece JQuery'yi kullanmanızı öneririm. Örneğin:
var app = angular.module('myApp', ['services']);
app.config(['$anyProvider', function ($anyProvider) {
$.ajax({
url: 'www.something.com/api/lolol',
success: function (result) {
$anyProvider.doSomething(result);
}
});
}]);