从Web服务我得到一个
JSON字符串.它可能会根据请求而有所不同. 2个JSON结果是
结果1
[
{
"Key": 1,"ID": 1,"applicationId": "1","applicationName": "APP1"
},{
"Key": 2,"applicationId": "2","applicationName": "APP2"
}
]
结果2
[
{
"OrgKey": 1,"OrgID": "1","OrgName": "Org1"
},{
"OrgKey": 2,"ID": 4,"OrgID": "6","OrgName": "Org2"
}
]
我将如何在表格中显示？
在控制器js文件中,我使用$http.get方法,并在我放置的Success方法中
$scope.resultData = data;
<table>
<thead>
<tr>
<th ng-repeat = "result in resultData">
<!-- Not the right way -->
<!-- Here I want to put the headers like "Key,ID" ... -->
</th>
</tr> </thead>
<tbody>
<tr ng-repeat = ""result in resultData">
<td> {{result.Key }} </td>
<!-- When the firlds vary,how to put? ->
</tr>
</tbody>
</table>
可能吗？如果是这样如何？谢谢.
解决方法
首先,你应该得到第一行来设置你的表头像这样
<thead>
<tr>
<th ng-repeat="(header,value) in resultData[0]">
{{header}}
</th>
</tr>
</thead>
在你的tbody之后,你应该首先得到你的行然后在行内所有的细胞,
<tbody>
<tr ng-repeat="row in resultData">
<td ng-repeat="cell in row">
{{cell}}
</td>
</tr>
</tbody>
这里工作PLUNKER …
UPDATE
答案是肯定的,但在开始之前你应该知道为什么它已经按字母顺序排序了……
angular ng-repeat指令与数组和对象的工作方式不同……如果使用数组,你可以对它进行排序,但这不是对象的选项,这里有关于它的discussion …
所以现在最好的方法是在我们在ng-repeat中使用它们之前将对象值推送到数组中.
这是第二次PlUNKER
注意：您将看到我从数组中删除$$hashKey,因为它们不是原始元素的属性,angular会自动将它们添加到对象中以观察更改
