Why does angular $resource add extra objects ($promise, $resolve...) to my data response?

Question

I return a resource with a URL

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

Resource returns

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

Why do I get all those objects in my data set. I'm guessing $promise just returns all this and waits for the server response. But once I have the server response where can I just get my server data without the Promise jargon?

Answer 1

If you look at the angular source here:

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

There is a toJSON method on the Resource prototype chain that will accomplish this for you.

For example:

$resource("http://foo.com/bar.json").get(function(res) {
    $scope.result = res.toJSON();
});

Answer 2

You need to return wrapped result like {'result': { 'some_key': 'some_val' }} from your backend. Or just do like described above.

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