Access Json data in angular js
<p>What will be the proper way to access the nested elements of this json file in angular?</p>

<p>Using $http in controller</p>

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

<p>api.json</p>

<pre class="lang-js prettyprint-override"><code>{
  "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"
      }

    ],
  }
}
</code></pre>

<p>the view</p>

<pre><code>&lt;div ng-repeat="feed in feeds"&gt;{{feed.data.id}}&lt;/div&gt;
</code></pre>

<p>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.</p>

<p>PS: I am getting info from a facebook group through the graph api</p>