AngularJS mit $ Ressourcenservice. Versprechen wird nicht von GET-Anforderung aufgelöst

Question

Sagen wir, ein Dienst wie folgt aus:

services.factory('User', function($resource){ 
     return $resource('/rest/usersettings/:username', {}, { 
      get: {method: 'GET'}, 
      update: {method: 'POST'} 
     }); 
    }); 

So soll es wie folgt verwendet werden:

 scope.user = User.get({username: 'bob'} ); // GET 

     console.log(JSON.stringify(scope.user))  // {"$promise":{},"$resolved":false} 

Also, wenn ich GET-Anfrage senden, es geht OK, Gebäude dieses ur + params:

http://localhost:9000/rest/usersettings/bob 

Frage, warum ich habe:{"$promise":{},"$resolved":false}

Wenn meine GET-Anforderung führt zu Json-Antwort vom Server: {"username":"bob","email":"bob@bobs.com"} dann meine ich erwarte von Daten scope.user gefüllt haben.

Sollte ich irgendwie warten Versprechen ist bereit/gelöst?

Answer 1

User.get({username: 'bob'} ) nicht zu Ihren aktuellen Daten sofort zurück. Es gibt etwas zurück, das deine Daten enthält, wenn der Ajax zurückkehrt. Auf diesem (der $promise) können Sie einen zusätzlichen Rückruf registrieren, um Ihre Daten zu protokollieren.

Sie können den Code ändern:

scope.user = User.get({username: 'bob'} ); // GET 
    scope.user.$promise.then(function(data) { 
     console.log(data); 
    }); 

Answer 2

Sie erhalten Ihre Daten dort, aber nicht sofort. Lesen Sie die docs on ngResource:

It is important to realize that invoking a $resource object method immediately returns an empty reference (object or array depending on isArray). Once the data is returned from the server the existing reference is populated with the actual data. This is a useful trick since usually the resource is assigned to a model which is then rendered by the view. Having an empty object results in no rendering, once the data arrives from the server then the object is populated with the data and the view automatically re-renders itself showing the new data. This means that in most cases one never has to write a callback function for the action methods.

Answer 3

Vorerst Ich benutze dies (es scheint, ich this Frage duplizieren)

User.get({ 
    username: 'bob' 
}, function(user) { 

    user.$update(
     function(data, headers) { 
      console.log("GOOD"); 
     }, 
     function(err, headers) { 
      console.log("BAD"); 
     } 
    ); 
}); 

Answer 4

Dies sollte funktionieren:

User.get({username: 'bob'}).$promise.then(function(data) { 
    scope.user = data.toJSON(); 
}); 

toJSON() räumt Angulars interne Eigenschaften auf ($$).