Saya ingin menyuntikkan layanan ke app.config, sehingga data dapat diambil sebelum controller dipanggil. Saya mencobanya seperti ini:

Layanan:

app.service('dbService', function() {
    return {
        getData: function($q, $http) {
            var defer = $q.defer();
            $http.get('db.php/score/getData').success(function(data) {
                defer.resolve(data);            
            });
            return defer.promise;
        }
    };
});

Konfigurasi:

app.config(function ($routeProvider, dbService) {
    $routeProvider
        .when('/',
        {
            templateUrl: "partials/editor.html",
            controller: "AppCtrl",
            resolve: {
                data: dbService.getData(),
            }
        })
});

Tapi saya mendapatkan kesalahan ini:

Kesalahan: Penyedia tidak dikenal: dbService dari EditorApp

Bagaimana cara memperbaiki pengaturan dan menyuntikkan layanan ini?

Alex memberikan alasan yang tepat untuk tidak dapat melakukan apa yang Anda coba lakukan, jadi +1. Tetapi Anda menghadapi masalah ini karena Anda tidak cukup menggunakan resolusi bagaimana mereka dirancang.

resolvemengambil string layanan atau fungsi mengembalikan nilai yang akan disuntikkan. Karena Anda melakukan yang terakhir, Anda harus memberikan fungsi yang sebenarnya:

resolve: {
  data: function (dbService) {
    return dbService.getData();
  }
}

Ketika kerangka kerja diselesaikan data, itu akan menyuntikkan dbServiceke dalam fungsi sehingga Anda dapat dengan bebas menggunakannya. Anda tidak perlu menyuntikkan ke configblok sama sekali untuk mencapai ini.

Selamat makan!

Siapkan layanan Anda sebagai Penyedia AngularJS khusus

Terlepas dari apa yang dikatakan jawaban yang Diterima, Anda sebenarnya BISA melakukan apa yang ingin Anda lakukan, tetapi Anda perlu mengaturnya sebagai penyedia yang dapat dikonfigurasi, sehingga tersedia sebagai layanan selama fase konfigurasi .. Pertama, ubah Anda Serviceke penyedia seperti yang ditunjukkan di bawah ini. Perbedaan utama di sini adalah setelah menetapkan nilai defer, Anda menyetel defer.promiseproperti ke objek janji yang dikembalikan oleh $http.get:

Layanan Penyedia: (penyedia: resep layanan)

app.provider('dbService', function dbServiceProvider() {

  //the provider recipe for services require you specify a $get function
  this.$get= ['dbhost',function dbServiceFactory(dbhost){
     // return the factory as a provider
     // that is available during the configuration phase
     return new DbService(dbhost);  
  }]

});

function DbService(dbhost){
    var status;

    this.setUrl = function(url){
        dbhost = url;
    }

    this.getData = function($http) {
        return $http.get(dbhost+'db.php/score/getData')
            .success(function(data){
                 // handle any special stuff here, I would suggest the following:
                 status = 'ok';
                 status.data = data;
             })
             .error(function(message){
                 status = 'error';
                 status.message = message;
             })
             .then(function(){
                 // now we return an object with data or information about error 
                 // for special handling inside your application configuration
                 return status;
             })
    }    
}

Sekarang, Anda memiliki Penyedia kustom yang dapat dikonfigurasi, Anda hanya perlu menyuntikkannya. Perbedaan utama di sini adalah "Penyedia injeksi Anda" yang hilang.

konfigurasi:

app.config(function ($routeProvider) { 
    $routeProvider
        .when('/', {
            templateUrl: "partials/editor.html",
            controller: "AppCtrl",
            resolve: {
                dbData: function(DbService, $http) {
                     /*
                     *dbServiceProvider returns a dbService instance to your app whenever
                     * needed, and this instance is setup internally with a promise, 
                     * so you don't need to worry about $q and all that
                     */
                    return DbService('http://dbhost.com').getData();
                }
            }
        })
});

gunakan data terselesaikan di appCtrl

app.controller('appCtrl',function(dbData, DbService){
     $scope.dbData = dbData;

     // You can also create and use another instance of the dbService here...
     // to do whatever you programmed it to do, by adding functions inside the 
     // constructor DbService(), the following assumes you added 
     // a rmUser(userObj) function in the factory
     $scope.removeDbUser = function(user){
         DbService.rmUser(user);
     }

})

Alternatif yang Mungkin

Alternatif berikut adalah pendekatan yang serupa, tetapi memungkinkan definisi terjadi di dalam .config, merangkum layanan ke dalam modul spesifik dalam konteks aplikasi Anda. Pilih metode yang tepat untuk Anda. Lihat juga di bawah untuk catatan tentang alternatif ke-3 dan tautan bermanfaat untuk membantu Anda memahami semua hal ini

app.config(function($routeProvider, $provide) {
    $provide.service('dbService',function(){})
    //set up your service inside the module's config.

    $routeProvider
        .when('/', {
            templateUrl: "partials/editor.html",
            controller: "AppCtrl",
            resolve: {
                data: 
            }
        })
});

Beberapa Sumberdaya yang bermanfaat

• John Lindquist memiliki penjelasan dan demonstrasi 5 menit yang sangat baik di egghead.io , dan ini adalah salah satu pelajaran gratis! Saya pada dasarnya memodifikasi demonstrasi dengan membuatnya $httpspesifik dalam konteks permintaan ini
• Lihat panduan Pengembang AngularJS di Penyedia
• Ada juga penjelasan yang bagus tentang factory/ service/ provider di clevertech.biz .

Penyedia memberi Anda sedikit lebih banyak konfigurasi atas .servicemetode, yang membuatnya lebih baik sebagai penyedia tingkat aplikasi, tetapi Anda juga bisa merangkum ini dalam objek konfigurasi itu sendiri dengan menyuntikkan $provideke konfigurasi seperti:

Jawaban singkat: Anda tidak bisa. AngularJS tidak akan mengizinkan Anda untuk menyuntikkan layanan ke dalam konfigurasi karena tidak dapat memastikan mereka telah dimuat dengan benar.

Lihat pertanyaan dan jawaban ini: AngularJS ketergantungan injeksi nilai di dalam module.config

Modul adalah kumpulan konfigurasi dan menjalankan blok yang diterapkan ke aplikasi selama proses bootstrap. Dalam bentuknya yang paling sederhana, modul terdiri dari kumpulan dua jenis blok:

Blok konfigurasi - dijalankan selama registrasi penyedia dan fase konfigurasi. Hanya penyedia dan konstanta yang dapat disuntikkan ke blok konfigurasi. Ini untuk mencegah instantiasi layanan yang tidak disengaja sebelum mereka sepenuhnya dikonfigurasi.

Saya tidak berpikir Anda seharusnya bisa melakukan ini, tetapi saya telah berhasil menyuntikkan layanan ke configblok. (AngularJS v1.0.7)

angular.module('dogmaService', [])
    .factory('dogmaCacheBuster', [
        function() {
            return function(path) {
                return path + '?_=' + Date.now();
            };
        }
    ]);

angular.module('touch', [
        'dogmaForm',
        'dogmaValidate',
        'dogmaPresentation',
        'dogmaController',
        'dogmaService',
    ])
    .config([
        '$routeProvider',
        'dogmaCacheBusterProvider',
        function($routeProvider, cacheBuster) {
            var bust = cacheBuster.$get[0]();

            $routeProvider
                .when('/', {
                    templateUrl: bust('touch/customer'),
                    controller: 'CustomerCtrl'
                })
                .when('/screen2', {
                    templateUrl: bust('touch/screen2'),
                    controller: 'Screen2Ctrl'
                })
                .otherwise({
                    redirectTo: bust('/')
                });
        }
    ]);

angular.module('dogmaController', [])
    .controller('CustomerCtrl', [
        '$scope',
        '$http',
        '$location',
        'dogmaCacheBuster',
        function($scope, $http, $location, cacheBuster) {

            $scope.submit = function() {
                $.ajax({
                    url: cacheBuster('/customers'),  //server script to process data
                    type: 'POST',
                    //Ajax events
                    // Form data
                    data: formData,
                    //Options to tell JQuery not to process data or worry about content-type
                    cache: false,
                    contentType: false,
                    processData: false,
                    success: function() {
                        $location
                            .path('/screen2');

                        $scope.$$phase || $scope.$apply();
                    }
                });
            };
        }
    ]);

Anda dapat menggunakan layanan $ inject untuk menyuntikkan layanan di konfigurasi Anda

app.config (fungsi ($ berikan) {

    $ supply.decorator ("$ exceptionHandler", function ($ delegate, $ injector) {
        mengembalikan fungsi (pengecualian, sebab) {
            var $ rootScope = $ injector.get ("$ rootScope");
            $ rootScope.addError ({message: "Exception", reason: exception});
            $ delegate (pengecualian, sebab);
        };
    });

});

Sumber: http://odetocode.com/blogs/scott/archive/2014/04/21/better-error-handling-in-angularjs.aspx

** Secara eksplisit meminta layanan dari modul lain menggunakan angular.injector **

Hanya untuk menguraikan jawaban kim3er , Anda dapat memberikan layanan, pabrik, dll tanpa mengubahnya ke penyedia, selama mereka termasuk dalam modul lain ...

Namun, saya tidak yakin apakah *Provider(yang dibuat secara internal oleh sudut setelah itu memproses layanan, atau pabrik) akan selalu tersedia (mungkin tergantung pada apa lagi yang dimuat pertama), karena sudut malas memuat modul.

Perhatikan bahwa jika Anda ingin menyuntikkan kembali nilai-nilai yang harus diperlakukan sebagai konstanta.

Berikut ini cara yang lebih eksplisit, dan mungkin lebih andal untuk melakukannya + seorang plunker yang berfungsi

var base = angular.module('myAppBaseModule', [])
base.factory('Foo', function() { 
  console.log("Foo");
  var Foo = function(name) { this.name = name; };
  Foo.prototype.hello = function() {
    return "Hello from factory instance " + this.name;
  }
  return Foo;
})
base.service('serviceFoo', function() {
  this.hello = function() {
    return "Service says hello";
  }
  return this;
});

var app = angular.module('appModule', []);
app.config(function($provide) {
  var base = angular.injector(['myAppBaseModule']);
  $provide.constant('Foo', base.get('Foo'));
  $provide.constant('serviceFoo', base.get('serviceFoo'));
});
app.controller('appCtrl', function($scope, Foo, serviceFoo) {
  $scope.appHello = (new Foo("app")).hello();
  $scope.serviceHello = serviceFoo.hello();
});

Menggunakan $ injector untuk memanggil metode layanan di config

Saya memiliki masalah serupa dan mengatasinya dengan menggunakan layanan $ injector seperti yang ditunjukkan di atas. Saya mencoba menyuntikkan layanan secara langsung tetapi berakhir dengan ketergantungan melingkar pada $ http. Layanan menampilkan modal dengan kesalahan dan saya menggunakan modal ui-bootstrap yang juga memiliki ketergantungan pada $ https.

    $httpProvider.interceptors.push(function($injector) {
    return {
        "responseError": function(response) {

            console.log("Error Response status: " + response.status);

            if (response.status === 0) {
                var myService= $injector.get("myService");
                myService.showError("An unexpected error occurred. Please refresh the page.")
            }
        }
    }

Sebuah solusi yang sangat mudah dilakukan

Catatan : ini hanya untuk panggilan asynchrone, karena layanan tidak diinisialisasi pada eksekusi konfigurasi.

Anda bisa menggunakan run()metode. Contoh:

1. Layanan Anda disebut "MyService"
2. Anda ingin menggunakannya untuk eksekusi asynchrone pada penyedia "MyProvider"

Kode Anda:

(function () { //To isolate code TO NEVER HAVE A GLOBAL VARIABLE!

    //Store your service into an internal variable
    //It's an internal variable because you have wrapped this code with a (function () { --- })();
    var theServiceToInject = null;

    //Declare your application
    var myApp = angular.module("MyApplication", []);

    //Set configuration
    myApp.config(['MyProvider', function (MyProvider) {
        MyProvider.callMyMethod(function () {
            theServiceToInject.methodOnService();
        });
    }]);

    //When application is initialized inject your service
    myApp.run(['MyService', function (MyService) {
        theServiceToInject = MyService;
    }]);
});

Yah, saya sedikit berjuang dengan yang satu ini, tetapi saya benar-benar melakukannya.

Saya tidak tahu apakah jawabannya sudah usang karena beberapa perubahan sudut, tetapi Anda dapat melakukannya dengan cara ini:

Ini adalah layanan Anda:

.factory('beerRetrievalService', function ($http, $q, $log) {
  return {
    getRandomBeer: function() {
      var deferred = $q.defer();
      var beer = {};

      $http.post('beer-detail', {})
      .then(function(response) {
        beer.beerDetail = response.data;
      },
      function(err) {
        $log.error('Error getting random beer', err);
        deferred.reject({});
      });

      return deferred.promise;
    }
  };
 });

Dan ini konfigurasi

.when('/beer-detail', {
  templateUrl : '/beer-detail',
  controller  : 'productDetailController',

  resolve: {
    beer: function(beerRetrievalService) {
      return beerRetrievalService.getRandomBeer();
    }
  }
})

Cara termudah: $injector = angular.element(document.body).injector()

Kemudian gunakan itu untuk menjalankan invoke()atauget()