javascript - 如何使用 angularjs 查找嵌套的 json 对象？

Question

如何使用 AngularJS 找到相当嵌套的 JSON 对象并输出？我已经弄乱它​​很长一段时间了，但我似乎无法正确处理它。希望你们能帮助我!

HTML:

<div id="ng-app" ng-controller="AnalyticsCtrl">
    <div ng-repeat="post in posts">
        <span>{{post.title}}</span>
        <span>{{post.counter}}</span>
    </div>
</div>

JSON:我正在尝试获取帖子标题和计数器

{
"status" : "success",
"data" : 
    {
        "activeVisitors" : "148",
        "posts" : 
        [
            {
                "id" : 1,
                "title" : "Bla blabla blablabl bla blablaba",
                "counter" : "20"
            },
            {
                "id" : 2,
                "title" : "Blie bla blup wflup flel del",
                "counter" : "18"
            },
            {
                "id" : 3,
                "title" : "Flel djep flep tro fro klel",
                "counter" : "14"
            }
        ]
    }
}

控制键:

'use strict';

var myApp = angular.module('myApp', []);

myApp.controller('AnalyticsCtrl', ['$scope', '$http', function($scope,$http) {
$http({method:'POST', url: 'jsonData.php', headers: {}})
.success(function(data) {
    $scope.posts = data;
});
}]);

Answer 1

代替

 <div ng-repeat="post in posts">

使用

 <div ng-repeat="post in posts.data.posts">

或

您也可以修改 Controller 并使用现有的 HTML

Controller

$http({method:'POST', url: 'jsonData.php', headers: {}})
.success(function(data) {
    $scope.posts = data.data.posts;
});