ng-repeat（迭代）Angular 中的复杂 json 对象

Question

一个控制器returns我一个非常复杂的json对象：

{
"184": {
    "title": "THE STONE ROSES",
    "sessions": {
        "1443564000000": {
            "num": 5
        },
        "1442959200000": {
            "num": 1
        },
        "1447196400000": {
            "num": 1
        },
        "1444428000000": {
            "num": 2
        },
        "1446332400000": {
            "num": 3
        }
    }
}

}

我试过像这样在我的观点上迭代它

<div class="large-6 columns" ng-repeat="item in showItems" st-raw>
    <h1>{{item.sessions}}</h1>
 </div>

使用此代码，如果在 html 响应上打印的对象：

{"1443564000000":{"num":1}}

但是正如你所看到的，session有一个非常复杂的属性（我用session的id来存储它的数量）

我看到有些人过去常常使用 ng-repeat-start 来做到这一点，在我的情况下使用它给我带来了几个错误..

Answer 1

假设您要遍历 sessions 属性，它不是数组而是对象，您将不得不遍历对象的属性：

<tr ng-repeat="(key, value) in data">

这是一个例子：http://plnkr.co/edit/7AQF6k7hf2aZbWFmhVoX?p=preview

示例来自的相关 SO 问题：How can I iterate over the keys, value in ng-repeat in angular

ng-repeat（迭代）Angular 中的复杂 json 对象

ng-repeat (iterate) over complex json object in Angular

javascript

json

angularjs

ng-repeat