How to retrieve a value from json with $resource in angularJS

Question

How I can retrieve a value from a call with $resoure and use it in JS, no only in my views with data binding?

I have this JSON:

{
    "id": 18,
    "name": "adsfadsf",
    "type_of_dish": "Tacos",
    "cost": "5.95",
    "notes": "bla bla bla",
    "totalrecipes": 1,
    "dish_recipes_attributes": [
        {
            "recipe_id": 28,
            "no_recipe": 1,
            "name": "tacos al pastor piña",
            "cost_portion": "5.95"
        }
    ]
}

in my JS:

$scope.dish = Dish.get({id: $routeParams.id});

I need to get the value "totalrecipes", I've tried with this without successfull:

var totalrecipes = $scope.dish.totalrecipes;
console.log(totalrecipes);  //Undefined
console.log($scope.dish); // [object Object]

But in my view everything is ok:

{{dish.totalrecipes}}   // 1, It's OK!

helmbert · Accepted Answer · 2015-04-21 22:48:04Z

5

Remember that the action functions of a resource are asynchronous and return only a promise object. You can read up on that in the $resource and $q documentations. The view is actually designed to update itself once a promise is "fulfilled", that's why the value is displayed in your view.

Consider the following example:

$scope.dish = Dish.get({id: 123})
alert($scope.dish.totalrecipes);

In this case, $scope.dish will be assigned a promise object until the actual value is loaded (which may happen at any point later in time, or not at all).

Instead, you can use a callback method, either directly as argument of the getfunction, or using the promise API:

$scope.dish = Dish.get({id: 123}, function(dish) {
    alert(dish.totalrecipes);
});

Alternatively:

$scope.dish = Dish.get({id: 123})
$scope.dish.$promise.then(function(dish) {
    alert(dish.totalrecipes);
});

answered Apr 21, 2015 at 22:48

helmbert

38.5k13 gold badges92 silver badges101 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

helmbert Over a year ago

@IsraelBarba, please also consider accepting this answer if it fully answered your question. ;)

Collectives™ on Stack Overflow

How to retrieve a value from json with $resource in angularJS

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related