AngularJS $http Erfolg-callback-Daten zurück

Hallo an alle 🙂 Hier ist das problem. Ich mache eine Winkel-app mit:

einer Fabrik, um den Zugriff auf eine api, die mit $http, ruft ein array von Objekten von einem server

getObjectsFromApi : function(){
    return $http({
        url: 'http://path/to/the/api/',
        method: 'GET',
        headers: {
            'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8',
        }
    })       
},

sowie ein service zur Berechnung abgerufenen Daten und injizieren es dem für die Verarbeitung Verantwortlichen

this.getObjectsFromService = function(){
    var objects = [];

    ObjectFactory.getObject()
    .success(function(data, status){
        console.log("Successfully got objects !");
        objects = data;
    })
    .error(function(data, status){
        console.log("Fail... :-(");
    });

    return objects;
};

Das problem ist, dass wenn ich die Objekte zurückgeben, spielt es keine Daten zurückgegeben. Wie kann ich tun, um return $http-callback-Daten innerhalb dieser getObjectsFromService Funktion ?

Danke für die Hilfe !

InformationsquelleAutor | 2015-02-18

Müssen Sie Versprechen, so etwas sollte den trick tun

this.getObjectsFromService = function(){
    var defer = $q.defer();

    ObjectFactory.getObject()
    .then(function(data){
        console.log("Successfully got objects !");
        defer.resolve(data);
    })
    .catch(function(data){
        console.log("Fail... :-(");
         defer.reject(data);
    });

    return defer.promise;
};

Und jetzt Sie können diese Funktion nutzen, woanders wie diese:

var foo = function() {
    var objects = [];
    this.getObjectsFromService().then(function(data) {
        objects = data;
        //do rest of your manipulation of objects array here
    });
}

Es gibt keinen anderen Weg, um die Gegenstände zurückgeben, es ist nicht möglich, da $http asynchron ist. Haben Sie zu überarbeiten, der rest des Codes und der Anpassung an diese

InformationsquelleAutor IanDess

0
```
var req = ObjectFactory.getObject();

req.success(function(data) {...}
req.error(function(data) {...}
```
Wird dies tun, ist es für ya

Die variable req wird, dann werden die Versprechen wieder zurück geschickt aus der Fabrik.

Bearbeiten

Beachten Sie, dass Ihre Daten nicht verändert bis das Versprechen aufgelöst wird, so dass, wenn Sie versuchen zu trösten.log(Objekte), bevor dann, wird es leer sein.
- Ich verpasste auf meine Erklärungen: Das problem ist, dass ich möchte, um die Daten, die ich von der api, um zu injizieren und es in den controller. In anderen Worten, ich möchte, um eine Reaktion zu erhalten-Daten, legen Sie es in meiner "Objekte" variable, und senden Sie diese variable. So sorry für das schlechte Englisch ... :-/
- Diese lösen das Problem auch. Ersetzen Sie Ihren code, wo die '...' ist.
InformationsquelleAutor ribsies

Den http-request ist asynchron, was bedeutet, dass es abgeschlossen ist nach Sie zurück objects. Zurück das Versprechen statt:

this.getObjectsFromService = function(){
    return ObjectFactory.getObject().catch(function(){
        console.log("Fail... :-(");
    });
}

Dann

service.getObjectsFromService().then(function(resp) {
    console.log("Successfully got objects !", resp.data);
});

InformationsquelleAutor noj

-1

Dein code ist asynchron. Wenn Sie Objekte zurückgeben, Sie wieder Ihre ursprüngliche leeres array. Sie können nicht wieder direkt das Objekt, sondern Sie brauchen, um wieder ein Versprechen (siehe 3 Möglichkeiten unten)

Durch die Schaffung eines Versprechen

var deferred = $q.defer();

ObjectFactory.getObjectsFromApi()
    .success(function(data, status){
        console.log("Successfully got objects !");
        //Do stuff and resolve promise
        deferred.resolve(data);
     })
     .error(function(data, status){
         console.log("Fail... :-("));
         //Do stuff and reject promise
         deferred.reject(data)
     });

return deferred.promise;

Können Sie Versprechen chaining (verwenden .dann lieber als .Erfolg und .Fehler):

Hinweis: bei der Verwendung dann mit success-und error-callbacks eher als Erfolg und Irrtum-Methoden, haben Sie nur 1 argument, das ist das response-Objekt

return  ObjectFactory.getObjectsFromApi()
    .then(function(response){
        console.log("Successfully got objects !");
        //Do stuff and chain full response headers or data
        return responseHeaders;
        //or
        //return responseHeaders.data;
     }, function(responseHeaders){
         console.log("Fail... :-("));
         //Do stuff and chain error (full response headers or data)
         return $q.reject(responseHeaders)
         //return $q.reject(responseHeaders.data);
     });

Oder wenn Sie keine business-Logik, oder keinen Grund zum eingreifen in Ihre Fabrik, schicken Sie einfach Ihre $http-Aufruf direkt:

return  ObjectFactory.getObjectsFromApi();

Sie haben viel zu viele gibt, die in Ihrem code. Das wird nicht funktionieren.
Ja, ich musste einen zurückgeben, die ich versehentlich Links, auf dem ersten Beispiel. Der rest ist korrekt. Wenn Sie denken, dass es zu viele gibt, Blick auf die asynchrone Programmierung ad Versprechen-chaining.

InformationsquelleAutor Thomas Roch

-2

Eckig $resource

Fabrik

getObjectsFromApi : function(){
    return $resource('http://path/to/the/api/', {}, 
    {
        get: {
            method: 'GET',
            headers: {
                'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'
            } 
        }
    })       
},

Service

this.getObjectsFromService = function(){
    var objects = [];

    ObjectFactory.get().$promise.then(function(data) {
         objects = data;
         return objects;
    }).error(function(err) {
        throw err;
    });
};

Dies gibt ein leeres array zurück, der Aufruf ObjectFactory ist async.

InformationsquelleAutor Harben

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.