AngularJS 使用 $resource 服务。 GET 请求未解决 Promise

Question

假设这样的服务：

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

所以应该是这样使用的：

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

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

所以，当我发送 GET 请求时，一切正常，构建这个 ur + 参数：

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

问题，为什么我有： {"$promise":{},"$resolved":false}

如果我的 GET 请求导致从服务器返回 json 响应：{"username":"bob","email":"bob@bobs.com"}，那么我希望我的 scope.user 被数据填充。

我是否应该等待以某种方式承诺已准备好/已解决？

Answer 1

User.get( {username: 'bob'} ) 不会立即返回您的实际数据。当 ajax 返回时，它返回的东西将保存您的数据。在那（$promise）上，您可以注册一个额外的回调来记录您的数据。

您可以将代码更改为：

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

Answer 2

您将在其中获取数据，但不会立即获取。 阅读docs on ngResource：

重要的是要意识到调用 $resource 对象方法 立即返回一个空引用（对象或数组取决于 是数组）。一旦数据从服务器返回，现有的 参考用实际数据填充。这是一个有用的技巧 因为通常资源被分配给一个模型，然后 由视图渲染。拥有一个空对象会导致不渲染， 一旦数据从服务器到达，然后填充对象 与数据和视图自动重新呈现自己显示 新数据。这意味着在大多数情况下，人们不必编写 动作方法的回调函数。

Answer 3

现在我用这个（似乎我重复了this问题）

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

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

Answer 4

这应该可行：

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

toJSON() 清理 Angular 的内部属性 ($$)。