Get property value from $resource object AngularJS

Question

I am beginner in AngularJS but i must modify little module for my project. Here is my service factory:

services.factory('NewsService', function($resource) {

    var result = $resource('http://localhost:8090/boiler/1');
    return result;
});

Here i use it:

function IndexController($scope, NewsService) {

    var result = NewsService.get()

    $scope.xxx= result.day;
    $scope.www = result;

I don't understand why I can send to $scope variable result and use it in html as {{www.day}} but i can't send to $scope property of variable result.day and use it as {{xxx}}

This is my Json response from server

{
  "day" : "2016-10-06",
  "amountOfEnergy" : 40,
  "cost" : 120,
  "content" : [ ],
  "links" : [ {
    "rel" : "self",
    "href" : "http://localhost:8090/boiler/1"
  }, {
    "rel" : "bathroom",
    "href" : "http://localhost:8090/boiler/1"
  } ]
}

Somebody can explain me it?

Can you please tell us what error you get or how $scope looks like ? — Andurit
– Andurit, Commented Sep 26, 2016 at 12:53
getting any eorrs?when i checked with both cases i am able to see the day.... — Sa E Chowdary
– Sa E Chowdary, Commented Sep 26, 2016 at 12:57

Shaishab Roy · Accepted Answer · 2016-09-26 13:12:22Z

2

$resource return promise so use $promise.then in controller

function IndexController($scope, NewsService) {
    NewsService.get()
       .$promise
       .then(function(response){
            console.log(response);
            var result = response;
            $scope.xxx= result.day;
            $scope.www = result;
       });
}

answered Sep 26, 2016 at 13:12

Shaishab Roy

16.9k7 gold badges56 silver badges69 bronze badges

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

Comments

Alexander Anikeev · Accepted Answer · 2016-09-26 13:44:19Z

1

I think, this will be better (from $resource doc):

function IndexController($scope, NewsService) {
    $scope.result = {};

    NewsService.get({}, function (data) {
      $scope.result = data;
    });
};

and in template {{ result.day }}

edited Sep 26, 2016 at 13:44

answered Sep 26, 2016 at 13:02

Alexander Anikeev

7016 silver badges15 bronze badges

2 Comments

luafanti Over a year ago

But how to get normal Java Script object from $resource object, because i need to have access to property of it for example "day" in JS code .

Alexander Anikeev Over a year ago

NewsService.get - async function and it need callback, where you can operrate with result. $scope.result - is the normal object and also it can be use into template directly. In callback you can do anything, like console.log($scope.result.day)

Collectives™ on Stack Overflow

Get property value from $resource object AngularJS

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related