通过分别传递键来迭代json

Question

我有我的json数据来自DB，但是列名可能因不同的项目而异，我需要使用angularjs在表中显示它，我如何使用ng-重复使用另一个ng-重复键迭代json数据。

例如

data = {
    "id": 2,
    "project": "wewe2012",
    "date": "2013-02-26",
    "description": "ewew",
    "eet_no": "ewew",
}

现在在渲染的时候，我不知道json数据中的键，但是我可以传递一组键，比如

keys = ['id','project','date','description']

现在，我想使用每个键，并在HTML上呈现，请帮助

我试过这样的方法，但没有用。

<tr ng-repeat='item in data'>
  <span ng-repeat =  key in keys>
     <div>{{ item.key }}</div>

Answer 1

您可以像这样生成表头：

<!-- table header -->
<tr>
    <th ng-repeat="(key, value) in data">{{key}}</th>
</tr>

Answer 2

试试这个：

<tr ng-repeat='item in data'>
    <span ng-repeat="key in item">
       <div>{{ item[key] }}</div>