Pertanyaan utama - apakah mungkin? Saya mencoba tetapi tidak berhasil ..
app.js utama
...
var app = angular.module('myApp', ['services']);
app.config(['customProvider', function (customProvider) {
}]);
...
penyedia itu sendiri
var services = angular.module('services', []);
services.provider('custom', function ($http) {
});
Dan saya mendapat kesalahan seperti itu:
Uncaught Error: Unknown provider: $http from services
Ada ide?
Terima kasih!
app.configbagian
Jawaban:
Kerangka sudut memiliki proses inisialisasi 2 fase:
Selama configfase ini semua penyedia diinisialisasi dan semua configbagian dijalankan. The configbagian mungkin berisi kode yang mengkonfigurasi benda penyedia dan karena itu mereka dapat disuntik dengan benda penyedia. Namun, karena penyedia adalah pabrik untuk objek layanan dan pada tahap ini penyedia tidak sepenuhnya diinisialisasi / dikonfigurasi -> Anda tidak dapat meminta penyedia untuk membuat layanan untuk Anda pada tahap ini -> pada tahap konfigurasi Anda tidak dapat menggunakan / layanan suntik . Saat fase ini selesai, semua penyedia sudah siap (tidak ada lagi konfigurasi penyedia yang dapat dilakukan setelah fase konfigurasi selesai).
Selama runfase semua runbagian dieksekusi. Pada tahap ini penyedia sudah siap dan dapat membuat layanan -> selama runtahap Anda dapat menggunakan / menyuntikkan layanan .
$httplayanan ke fungsi inisialisasi penyedia TIDAK AKAN berfungsi
//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;
};
});
Karena kami mencoba menyuntikkan $httplayanan ke dalam fungsi yang dijalankan selama configfase, kami akan mendapatkan kesalahan:
Uncaught Error: Unknown provider: $http from services
Apa yang sebenarnya dikatakan kesalahan ini adalah bahwa $httpProvideryang digunakan untuk membuat $httplayanan belum siap (karena kita masih dalam configfase).
$httplayanan ke fungsi inisialisasi layanan AKAN berfungsi://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;
};
});
Karena kita sekarang memasukkan layanan ke dalam fungsi inisialisasi layanan, yang dijalankan selama runfase, kode ini akan berfungsi.
<script>var config = <% = mySettings.toJson() %>;</script>.). Ini dapat dilakukan dengan menggunakan mesin templating seperti Smarty untuk PHP, Jinja2 untuk Python, Nunchucks untuk NodeJS, dll.
Ini mungkin memberi Anda sedikit pengaruh:
var initInjector = angular.injector(['ng']);
var $http = initInjector.get('$http');
Tapi hati-hati, callback berhasil / error mungkin membuat Anda berada dalam kondisi balapan antara aplikasi dimulai dan respons server.
angular.injector(['mymodule'])- tetapi saya tidak yakin apakah Anda dapat menggunakan pendekatan ini untuk $httplayanan tersebut. Saya ingin mengatakan saya punya. Tidak yakin apakah ini membantu atau tidak: - /
Ini adalah pertanyaan lama, sepertinya kita memiliki beberapa masalah telur ayam yang terjadi jika kita ingin mengandalkan kapabilitas inti dari perpustakaan.
Alih-alih memecahkan masalah dengan cara yang mendasar, yang saya lakukan adalah jalan pintas. Buat arahan yang membungkus seluruh tubuh. Ex.
<body ng-app="app">
<div mc-body>
Hello World
</div>
</body>
Sekarang mc-bodyperlu diinisialisasi sebelum rendering (sekali), mis.
link: function(scope, element, attrs) {
Auth.login().then() ...
}
Auth adalah layanan atau penyedia, mis.
.provider('Auth', function() {
... keep your auth configurations
return {
$get: function($http) {
return {
login: function() {
... do something about the http
}
}
}
}
})
Tampak bagi saya bahwa saya memiliki kendali atas urutan bootstrap, itu setelah bootstrap biasa menyelesaikan semua konfigurasi penyedia dan kemudian mencoba untuk menginisialisasi mc-bodydirektif.
Dan arahan ini menurut saya bisa di depan routing, karena routing juga disuntikkan melalui ex direktif. <ui-route />. Tapi saya bisa salah dalam hal ini. Perlu investigasi lebih lanjut.
Menanggapi pertanyaan Anda, "Ada Ide?", Saya akan menjawab dengan "ya". Tapi tunggu, masih ada lagi!
Saya sarankan hanya menggunakan JQuery di konfigurasi. Sebagai contoh:
var app = angular.module('myApp', ['services']);
app.config(['$anyProvider', function ($anyProvider) {
$.ajax({
url: 'www.something.com/api/lolol',
success: function (result) {
$anyProvider.doSomething(result);
}
});
}]);