ng-repeat(迭代）在 Angular 中的复杂 json 对象上

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

本文关键字：复杂 json 对象 Angular 迭代 ng-repeat      更新时间：2023-09-26

一个控制器向我返回一个非常复杂的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}}

但如您所见，会话具有非常复杂的属性（我使用会话的 id 来存储它的编号）

我已经看到有些人曾经使用 ng-repeat-start 来做到这一点，在我的情况下使用它会给我几个错误。

假设您要迭代sessions属性（该属性不是数组而是对象），则必须迭代对象的属性：

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

下面是一个示例：http://plnkr.co/edit/7AQF6k7hf2aZbWFmhVoX?p=preview

示例来自的相关 SO 问题：如何迭代键，ng 中的值在角度中重复

相关文章：