使用AngularJS无法访问JSON对象

时间:2014-09-03 12:44:33

标签: javascript json angularjs

我无法访问my json字符串中的值(下图)。

{
    all: [{
        info: {
            name: "Fahad",
            lat: "41.954815",
            lon: "-87.647209"
        }
    }, {
        info: {
            name: "Fahad",
            lat: "41.954815",
            lon: "-87.647209"
        }
    }, {
        info: {
            name: "Fahad",
            lat: "41.954815",
            lon: "-87.647209"
        }
    }],
    rowsfound: "11"
}

我正在使用angularjs,这里是html

<ul ng-controller="PostsCtrl">
    <li ng-repeat="post in posts">
        {{post.all[0].info.name}}  <em>{{post.rowsfound}}</em>
    </li>
</ul>

控制器:

app.controller("PostsCtrl", function ($scope, $http) {
    $http.get(myurl)
        .success(function (data) {
        $scope.posts = data;

    }).error(function (data, status, headers, config) {
        alert("error");
    });
});

生成的两个列表项没有任何值。 我做错了什么?

由于

2 个答案:

答案 0 :(得分:3)

使用这个html:

<ul ng-controller="PostsCtrl">
    <li ng-repeat="post in posts.all">
        {{post.info.name}}  <em>{{posts.rowsfound}}</em>
    </li>
</ul>

答案 1 :(得分:0)

您的JSON表示错误,正确的是“名称”:“Fahad”等。 您可以使用http://jsonlint.com/之类的工具来检查您的JSON是否有效。