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

Question

我正在尝试使用 ng-repeat 来实现以下数据的表格:

    [{
    "Name": "Alfreds Futterkiste",
    "City": "Berlin",
    "Country": "Germany"
}, {
    "Name": "Berglunds snabbköp",
    "City": "Luleå",
    "Country": "Sweden"
}]

这是我的 AngularJS 代码:

<table>
    <tr ng-repeat="d in stuff">
        <td>
            {{d.Name}}    
        </td>
        <td>
            {{d.Country}}
        </td>
        <td>
            {{d.City}}
        </td>
    </tr>
</table>

上面的代码工作正常，但是td的数量已经被硬编码。有什么办法让它动态起来。

Answer 1

向您的表中添加第二个 ng-repeat:

<table>
    <tr ng-repeat="d in stuff">
        <td ng-repeat="(key, value) in d">
            {{value}}    
        </td>
    </tr>
</table>

值得注意的是，只有当 d 中的所有结果长度相等时，这才是有效的标记。