在AngularJS动态中进行嵌套的ng-repeat

时间:2015-01-05 11:04:00

标签: javascript angularjs

我正在尝试使用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的编号已经过硬编码。有什么方法可以让它变得动态。

1 个答案:

答案 0 :(得分:2)

在表格中添加第二个ng-repeat

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

值得注意的是,如果d中的所有结果的长度相等,那么这只是有效的标记。