I'm trying to implement a table using ng-repeat for the following data :
[{
"Name": "Alfreds Futterkiste",
"City": "Berlin",
"Country": "Germany"
}, {
"Name": "Berglunds snabbköp",
"City": "Luleå",
"Country": "Sweden"
}]
Here is my AngularJS code :
<table>
<tr ng-repeat="d in stuff">
<td>
{{d.Name}}
</td>
<td>
{{d.Country}}
</td>
<td>
{{d.City}}
</td>
</tr>
</table>
The above code works fine but the number of td
has been hard coded. Is there any way to make it dynamic.
Add a second ng-repeat
to your table:
<table>
<tr ng-repeat="d in stuff">
<td ng-repeat="(key, value) in d">
{{value}}
</td>
</tr>
</table>
Its worth noting this will only be valid markup if all results in d are equal in length.
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.