Access Json data in angular js

Question

What will be the proper way to access the nested elements of this json file in angular?

Using $http in controller

 $http.get('app/api.json')
  .success(function(data){
    $scope.feeds = data;
  });

api.json

{
  "feed": {
    "data": [{
        "story": "test story",
        "updated_time": "2016-06-05T17:17:49+0000",
        "id": "1"
      }, {
        "message": "jkhkjhkhjlkhk",
        "updated_time": "2015-05-08T07:23:14+0000",
        "id": "2"
      }

    ],
  }
}

the view

<div ng-repeat="feed in feeds">{{feed.data.id}}</div>

Right now I am more concerned with accessing the id's which are common, I see trouble when coming to display the story or messages field since they are different.

PS: I am getting info from a facebook group through the graph api

`feed.data` is an array. You will have to loop over it. Try `feed.data[0].id` — Rajesh, Jul 23 '16 at 09:51
worked! But returned only the first one. How do I make it return all instead of just one element in the array? — Bernard 'Beta Berlin' Parah, Jul 23 '16 at 09:55
I have added sample in answer. Is that what you are looking for? — Rajesh, Jul 23 '16 at 09:58
I came across that, mine had to do accessing nested objects and arrays — Bernard 'Beta Berlin' Parah, Jul 23 '16 at 10:24

score 1 · Accepted Answer · edited Jun 20 '20 at 09:12

As commented, feed.data is an array and you will have to loop over it.

Sample

function myCtrl($scope) {
  $scope.d = {
    "feed": {
      "data": [{
          "story": "test story",
          "updated_time": "2016-06-05T17:17:49+0000",
          "id": "1"
        }, {
          "message": "jkhkjhkhjlkhk",
          "updated_time": "2015-05-08T07:23:14+0000",
          "id": "2"
        }

      ],
    }
  }

}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.10/angular.min.js"></script>
<div ng-app>
  <div ng-controller="myCtrl">
    <ul ng-repeat="o in d.feed.data">
      <li>{{o.id}}</li>
    </ul>
  </div>
</div>

Exactly that! Thank you! – Bernard 'Beta Berlin' Parah Jul 23 '16 at 10:02 — Bernard 'Beta Berlin' Parah, Jul 23 '16 at 10:02

Access Json data in angular js

1 Answers1

Sample