javascript - 在Angular js中访问Json数据

Question

以 Angular 方式访问此 json 文件的嵌套元素的正确方法是什么？

在 Controller 中使用$http

 $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"
      }

    ],
  }
}

View

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

现在我更关心访问常见的 id，在显示故事或消息字段时我发现麻烦，因为它们是不同的。

PS:我通过图形 API 从 Facebook 群组获取信息

Answer 1

正如评论所述，feed.data 是一个数组，您必须对其进行循环。

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>