Angularjs: un Service qui dessert plusieurs $url de ressource / sources de données?

J'ai Angulaire de service/fournisseur qui sert des données json à mon contrôleur qui fonctionne très bien:

    angular.module('myApp.services', ['ngResource']).
      factory("statesProvider", function($resource){
      return $resource('../data/states.json', {}, {
        query: {method: 'GET', params: {}, isArray: false}
      });
    });

Mais j'ai aussi besoin de servir les données json pour le même contrôleur à partir d'un autre fichier counties.json.

Où puis-je trouver comment j'écris un service qui sert à la fois les fichiers de mon contrôleur?

InformationsquelleAutor Henry Zhu | 2013-06-18
  1. 94

    Vous pouvez mettre à jour le service de retour d'un hachage de ressources, pas un seul:

    angular.module('myApp.services', ['ngResource']).
  factory("geoProvider", function($resource) {
    return {
      states: $resource('../data/states.json', {}, {
        query: { method: 'GET', params: {}, isArray: false }
      }),
      countries: $resource('../data/countries.json', {}, {
        query: { method: 'GET', params: {}, isArray: false }
      })
    };
  });

    Vous serez capable de l'utiliser en ajoutant .query() à la fin de votre nom de fonction c'est à dire geoProvider.states.query() et geoProvider.countries.query() et myApp.services doit être injecté dans votre contrôleur, puis à l'injecter geoProvider service dans le contrôleur lui-même.

    • Cela ressemble à ce que je suis à la recherche d', mais pouvez-vous expliquer comment appeler des "états" et les "pays" de la manette? Normalement, je voudrais juste faire myApp.services.query(). Merci
    • Pour l'utiliser, vous devez injecter myApp.services module dans le module qui contient le contrôleur, puis à l'injecter geoProvider service dans le contrôleur lui-même. Après vous serez en mesure d'utiliser geoProvider.states.query() et geoProvider.countries.query() dans le contrôleur
    InformationsquelleAutor Dmitry Evseev
  2. 9

    Je suis en supposant que vous voulez exécuter du code lorsque les deux fichiers ont chargé. Les promesses de travailler vraiment bien pour cela. Je ne pense pas que les ressources de retour de promesses, mais vous pouvez utiliser le $service http pour des appels ajax.

    Ici, je définir un service à chacun des deux fichiers de données, et un troisième service qui retourne une promesse qui est remplie lorsque les deux fichiers sont fait de chargement.

    factory('states',function($http) {
    return $http.get('../data/states.json');
}).
factory('countries',function($http) {
    return $http.get('../data/countries.json');
}).
factory('statesAndCountries', function($q, states, countries) {
    return $q.all([states, countries]);
});

    Puis dans votre contrôleur:

    statesAndCountries.then(function(data) {
    var stateData = data[0];
    var countryData = data[1];
    //do stuff with stateData and countryData here
});
    InformationsquelleAutor Karen Zilles