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

Question

我正在尝试使用 ng-repeat 对以下数据实施 table :

    [{
    "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

为您的 table 添加第二个 ng-repeat:

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

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

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

Making Nested ng-repeat in AngularJS dynamic

javascript

angularjs