Объект JSON не доступен с помощью AngularJS

Question

Мне просто не удается получить доступ к значениям из моей строки 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"); 
    }); 
}); 

два элементов списка генерируется без какого-либо значения. Что я не так делаю?

Благодаря

Answer 1

использовать этот HTML:

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

Answer 2

Ваше представление JSON является неправильным, правильным является «имя»: «Фахд» и т.д. Вы можете использовать такие инструменты, как http://jsonlint.com/, чтобы проверить, если ваш JSON является действительный.