javascript - 如何使用 AngularJS 循环对象的 'key' 值？

Question

我有以下数据和 HTML 模板(显然还有 app.js 中的其他代码)。我的“tbody”中的代码运行完美，并显示如下表格:

电流输出

--------------------
| AAPL | 127 | 128 |
--------------------
| GOOG | 523 | 522 |
--------------------
| TWTR |  35 |  36 |
--------------------

现在我尝试遍历第一个对象的“键”并将它们显示在“头”中，如下所示:

期望的输出

--------------------
| Name | jan | feb |
--------------------
| AAPL | 127 | 128 |
--------------------
| GOOG | 523 | 522 |
--------------------
| TWTR |  35 |  36 |
--------------------

数据

$scope.data = [
{  
    "name": "AAPL",
    "jan": "127",
    "feb": "128"
},
{
    "name": "GOOG",
    "jan": "523",
    "feb": "522"
},
{
    "name": "TWTR",
    "jan": "35",
    "feb": "36"
}]

html

<table>
    <thead>
        <tr>
            <td ng-repeat="">{{}}</td>
        </tr>
    </thead>
    <tbody>
        <tr ng-repeat="object in data">
            <td ng-repeat="(a,b) in object">{{b}}</td>
        </tr>
    </tbody>
</table>

---

有人指出这个问题与另一个问题重复，尽管另一个问题是纯 JS，而这个问题使用 AngularJS。

Answer 1

<td ng-if="data.length" ng-repeat="(a,b) in data[0]">{{a}}</td>

您只需要考虑键值总是以相同的顺序出现，否则表格将以错误的顺序显示值。