通过单独传递密钥来迭代json

时间:2015-10-16 22:02:29

标签: json angularjs

我的json数据来自DB,但是不同项目的列名可能不同,我需要使用angularjs在表中显示它,如何使用ng-repeat使用另一个ng-repeat迭代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>

2 个答案:

答案 0 :(得分:0)

试试这个:

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

答案 1 :(得分:0)

你可以像这样生成表头:

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