Pourquoi ne angulaire $ressource ajouter des objets ($promesse, $résoudre...) à mes données de réponse?

Je retourne une ressource avec une URL

    $resource("http://foo.com/bar.json").get().
         $promise.then(function(data){ $scope.result = data}, 
                  function(error){ $scope.msg = "error" } );

Des ressources renvoie

["item1"...."item_n",.....,"$promise", "$resolved", "$get", "$save", "$query", "$remove", "$delete"]

Pourquoi puis-je obtenir tous les objets de mon jeu de données. Je devine $promesse retourne juste tout cela, et attend la réponse du serveur. Mais une fois que j'ai la réponse du serveur où puis-je obtenir mon serveur de données sans la Promesse jargon?

InformationsquelleAutor EKet | 2014-03-21

angularjs javascript

33

Si vous regardez l'angle de la source ici:

https://github.com/angular/angular.js/blob/master/src/ngResource/resource.js#L505

Il y a une méthode toJSON sur la Ressource prototype de la chaîne qui va effectuer cette opération pour vous.

Par exemple:
```
$resource("http://foo.com/bar.json").get(function(res) {
    $scope.result = res.toJSON();
});
```
- fonction non définie.
- Cela a fonctionné pour moi
- a fonctionné pour moi 🙂
- Même problème que @chovy et @Œuvre. Se sent encombrants, mais le recours à JSON.parse(JSON.stringify(res)) a donné un bon résultat.
- Cela est une mauvaise solution. Après la conversion à une chaîne JSON, vous devez analyser de nouveau. La meilleure approche est de @callmejuggernaut stackoverflow.com/a/32313951/276949
- retourne en fait un objet, pas une chaîne, de sorte que cette réponse est la bonne solution.
- Si vous obtenez un tableau à partir de $ressource, la méthode toJSON ne sera pas disponible.
InformationsquelleAutor raygerrard

Vous avez besoin de retourner enveloppé résultat comme {'résultat': { 'some_key': 'some_val' }} à partir de votre backend.
Ou tout simplement faire comme décrit ci-dessus.

Diary.getSharedWithMe(function(data) {
        delete data.$promise;
        delete data.$resolved;
        _self.sharedDiariesWithMe = data;
    }, function(error) {
        console.log(error)
    });

InformationsquelleAutor callmejuggernaut

4

$resource retourne un objet ou un tableau qui aura vos données lorsque l'appel se termine. Toutes ces fonctions sont là pour vous aider et $resource est principalement prévu pour les opérations CRUD. Si vous souhaitez que les données, vous devez attendre que ça s'est retourné de sorte que vous pourriez aussi bien utiliser de la promesse. Si vous voulez retirer toutes les propriétés que vous pouvez utiliser angulaire.la méthode toJson pour le convertir en json, mais angulaire n'est que pour vous lors de la publication de retour à une ressource ou $http appel de sorte que vous ne devriez pas avoir à.
```
$scope.data = $resource("http://foo.com/bar.json").get();
//$scope.data does not have your data yet, it will be
//populated with your data when the AJAX call completes
...
//later in a call from a save button maybe you can just do
//this to post your changes back:
$scope.data.$save();
```
- angulaire.la méthode toJson fonctionne, merci. mais je veux aussi aplatir les données et obtenir les clés et angulaire.la méthode toJson semble ne pas fonctionner avec appartement fonctions.
InformationsquelleAutor Jason Goemaat
2

Donc au cas où quelqu'un d'autre est achoppement ici et ne comprenaient pas les promesses/angularjs voici ce qui se passe. Lorsque vous utilisez .then() ou .get() vous obtenez une promesse et des fonctions d'aide tous dans le même objet. C'est génial parce que vous n'aurez pas à vous soucier des rappels de cours de définition et de savoir si les données sont disponibles, car la promesse de l'objet a toujours certaines propriétés. Cet objet contient vos données brutes en un autre objet à l'intérieur. Ainsi, la promesse de l'objet est imbriqué, il vous suffit de référence de l'objet de données à l'intérieur lorsque les données sont prêtes.

Voici ce que je faisais
```
     $resource("http://foo.com/bar.json").get().
         $promise.then(function(data){ $scope.result = data}, 
//data is actually a promise object.
                  function(error){ $scope.msg = "error" } );
```
promesse objet

Des données s'est fait en vertu d'un autre objet appelé "données". Donc, dans votre réussite rappel pour obtenir uniquement les données que vous devez faire dans ce cas: data.data
- Pour le mien, je ne vois pas data.data, lors de l'utilisation .query() je vois $promesse $et résolu tous mélangés dans un même objet/tableau.. j'ai loupé quelque chose? Il en fait une douleur à boucle sur le résultat de plusieurs éléments lors de l'utilisation .query()
- En fait même si vous êtes en utilisant get().$promise.then() dans les dernières versions de anguleux. - Il encore de vous envoyer $promesse et $résoudre. Si vous avez besoin d'utiliser les données.la méthode toJSON(). Bien sûr, cela est dans le cas où votre serveur utilise le RESTE
- J'ai été confronté au même problème, mais avoir une solution de rechange. J'ai déjà répondu pour les questions similaires, vous pouvez le trouver here
InformationsquelleAutor EKet

Pour supprimer automatiquement de chaque demande, vous pouvez ajouter un intercepteur:

angular.module('app').config(config);

config.$inject = ['$httpProvider'];
function config($httpProvider) {
    $httpProvider.interceptors.push(interceptor);
}

interceptor.$inject = [];
function interceptor() {
    return {
        request: (config) => {
            if (config.data) {
                delete config.data.$promise;
                delete config.data.$resolved;
            }
            return config;
        }
    };
}

InformationsquelleAutor musa

Vous devez vous connecter pour publier un commentaire.