使AngularJS中的嵌套ng-repeat动态化

Question

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.

Answer 1

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.