AngularJS ng-repeat with nested json - angularjs

Question

my json look like below
$scope.peoples = [people:{
name: 'Mike ',
age: 20
}, people:{
name: 'Peter S ',
age: 22
}];
Notes: i can not change json structure.
here is my code where ng-repeat could not read json.
<div ng-controller="MyCtrl">
<table class="table table-hover">
<tr ng-repeat="p in peoples">
<td> Name: {{ p.name }} </td>
<td> Age: {{ p.age }} </td>
</tr>
</table>
</div>
var app = angular.module('myApp', []);
function MyCtrl($scope) {
$scope.peoples = [people:{
name: 'Mike ',
age: 20
}, people:{
name: 'Peter S ',
age: 22
}];
}

Answer 1

Looks like your json array is defined in wrong way:
$scope.peoples = [{
name: 'Mike ',
age: 20
},{
name: 'Peter S ',
age: 22
}];
notice there is no people object. you defined people without an object. If you fix your json your code will work fine.
Here's the working code with json fix : http://jsfiddle.net/Lvc0u55v/2236/
Other way of fixing the existing code with the people object is, you move the people in javascript object as shown below:
Javascript:
$scope.peoples = [{
people : {
name: 'Mike ',
age: 20
}},{
people: {
name: 'Peter S ',
age: 22
}}];
Html:
<td> Name: {{ p.people.name }} </td>
<td> Age: {{ p.people.age }} </td>
This way your can use the people object. Here's the working code : http://jsfiddle.net/Lvc0u55v/2237/
Overall, i would recommend using first approach instead of second one.