AngularJS Charger des Données à partir du Service

Je vais avoir un problème à obtenir des données à partir d'un service peuplés dans mon point de vue. J'ai un service défini comme tel

app.factory('nukeService', function($rootScope, $http) {
    var nukeService = {};

    nukeService.nuke = {};

    //Gets the list of nuclear weapons
    nukeService.getNukes = function() {
        $http.get('nukes/nukes.json')
            .success(function(data) {
                nukeService.nukes = data;
            });

        return nukeService.nukes;
    };

    return nukeService;
});

et mon contrôleur

function NavigationCtrl($scope, $http, nukeService){



    /*$http.get('nukes/nukes.json').success(function(data) {
        $scope.nukes = data;
    });*/

    $scope.nukes = nukeService.getNukes();

}

Si j'utilise le $http.obtenir du responsable du traitement des données remplit bien, mais, si j'essaie d'appeler les données à partir du service, je ne reçois rien. Je comprends que la requête est asynchrone, mais je vais avoir du mal à comprendre comment remplir le $portée variable une fois que les données sont retournées. Je pourrais utiliser $rootscope pour la diffusion d'un événement et d'écouter dans le contrôleur, mais cela ne semble pas le bon moyen pour y parvenir. Je voudrais vraiment apprécier toutes les conseils sur la façon de faire de la bonne façon.

InformationsquelleAutor jamesamuir | 2013-03-01

27

Je pense que cela devrait résoudre votre problème
```
app.factory('nukeService', function($rootScope, $http) {
    var nukeService = {};

    nukeService.data = {};

    //Gets the list of nuclear weapons
    nukeService.getNukes = function() {
        $http.get('nukes/nukes.json')
            .success(function(data) {
                nukeService.data.nukes = data;
            });

        return nukeService.data;
    };

    return nukeService;
});

function NavigationCtrl($scope, $http, nukeService){

    $scope.data = nukeService.getNukes();

    //then refer to nukes list as `data.nukes`

}
```
C'est un problème avec la référence d'objet.

lorsque vous appelle nukeService.getNukes() vous obtenez une référence à un objet a alors votre variable $scope.nukes se réfère à cet emplacement de mémoire.

Après le serveur distant appel lorsque vous définissez nukeService.nukes = data; vous n'êtes pas à changer l'objet a au lieu de vous sont en train de changer nukeService.nukes d'objet de référence a pour objet b. Mais votre $scope.nukes ne sais pas ce réaffectation et il reste des points à l'objet a.

Ma solution dans ce cas est de faire passer un objet a avec la propriété data et ensuite seulement de modifier les données de propriété au lieu de changer de référence pour a
- Que de travail mais puis-je vous demander pourquoi? Je suppose qu'il a quelque chose à faire avec .les données étant un conteneur pour les données json au lieu d'essayer de passer directement? Btw, merci pour la réponse rapide!
- si il fonctionne s'il vous plaît marquer la réponse acceptée
- marqué comme réponse. merci pour l'explication.
- Cela ne tient pas compte de asynhcronous de chargement -- $scope.data revient à null, depuis getNukes() retourne immédiatement, sans attendre le résultat de $http.
- Il a travaillé plus tôt, depuis le point de vue de résoudre la promesse. Mais en utilisant les données du contrôleur aurait éventuellement conduire à des erreurs.
- Comme @NickWiggill a déclaré que ce n'est pas asynchrone. Est-il une autre façon de résoudre ce problème?
- Généralement, vous avez besoin de retourner la promesse qui $http.get retourne, pas de retour .data (qui est null à ce point), à partir de nukeService.getNukes. Dans votre code, vous devez utiliser promise.then à fournir un rappel qui continuera votre flux de code, une fois la promesse en fait résout.
InformationsquelleAutor Arun P Johny

Ce doit être comme suit. Comme mentionné par NickWiggill commentaire, undefined sera affecté à nukeService.des données si nous n'avons pas de retour à la promesse.

app.factory('nukeService', function($rootScope, $http) {
    var nukeService = {};
    //Gets the list of nuclear weapons
    nukeService.getNukes = function() {
       return $http.get('nukes/nukes.json');
    };

    return nukeService;
});


  function NavigationCtrl($scope, $http, nukeService){
     nukeService.getNukes().then(function(response){

        $scope.data = response.data;
    });

   }

InformationsquelleAutor Ganesh

Ce que je fais c'est que je exposer les données directement depuis le service, et avoir une méthode qui initialise ces données. Ce qui est mal à cela?

Service:

app.factory('nukeService', function($scope, $http) {
    var data = {};
    data.nukes = [];

    //Gets the list of nuclear weapons
    var getNukes = function() {
        $http.get('nukes/nukes.json').success(function(data) {
                data.nukes = data;
        });
    };

    //Fill the list with actual nukes, async why not.
    getNukes();

    return {
        data : data
        //expose more functions or data if you want
    };
});

Contrôleur:

function NavigationCtrl($scope, nukeService){
     $scope.data = nukeService.data;
     //then refer to nukes list as `$scope.data.nukes`
}

InformationsquelleAutor dalvarezmartinez1

Vous devez vous connecter pour publier un commentaire.