I am trying to send multi nested object to the html code but nothing work with me?
this is the server side script
for(var i=0; i<10; i++){
var countries= [{
userName:"TEST",
email:"[email protected]",
cities:[
{name: "Riyadh"},
{name: "Jeddah"},
{name: "Qasim"}
]
}];
data.countries.push(countries);
}
and from the HTML this is my code
username email city</tr>
<tr ng-repeat="country in data.countries">
<td >{{::country.userName}}</td>
<td >{{::country.email}}</td>
<td>
<span ng-repeat="city in country.cities">
{{::city.name}}
</span>
</td>
</tr>