JSON object not being accessed using AngularJS

Question

I am just unable to access values from the my json string (image below).

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

I am using angularjs, here is html

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

Controller:

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

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

two list items generated without any value. whats the wrong thing am I doing?

Thanks

As suggested by Mathew, your data might be wrapped in another object. You should console.log it and see what it looks like. Could be something like data.results to access your posts. — Goodzilla
– Goodzilla, Commented Sep 3, 2014 at 12:51
Answer below done that. Checked console.log, but original data is pvt. so can't paste here. — Fahad Khan
– Fahad Khan, Commented Sep 3, 2014 at 13:11

Mathew Berg · Accepted Answer · 2014-09-03 12:58:40Z

3

use this html:

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

edited Sep 3, 2014 at 12:58

Mathew Berg

28.8k11 gold badges72 silver badges94 bronze badges

answered Sep 3, 2014 at 12:57

Mukund Kumar

23.5k20 gold badges64 silver badges85 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Entomo · Accepted Answer · 2014-09-03 13:12:44Z

0

Your JSON representation is wrong, correct is "name": "Fahad" etc. You can use tools like http://jsonlint.com/ to check if your JSON is valid.

answered Sep 3, 2014 at 13:12

Entomo

2753 silver badges13 bronze badges

1 Comment

Fahad Khan Over a year ago

I know, but the problem is that the a lot of services returning like the same, so I can't go and correct at the moment but to use as is.

Collectives™ on Stack Overflow

JSON object not being accessed using AngularJS

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related