javascript - Angular.js ng-repeat 迭代远程 JSON 数组问题

Question

搜索后，我看不出我做错了什么。基本上我的 JSON 返回一个数据数组，如下所示:

  "Alerts": [
    {
      "id": "164579",
      "date": "2013-05-17T16:46:58",
      "type": "ClaimReceivedNotification",
      "descr": "Your claim submission has been received and is pending review by our claims department.",
      "isRead": false,
      "denialId": "",
      "denialType": "",
      "dueDate": "0001-01-01T00:00:00",
      "amount": 0
    },
.......and so on......

所以我想做的就是仅使用日期和描述 (descr) 来进行布局，如以下 html 所示:

                    <div>
                        <span ng-repeat="date in ppt.Alerts"> {{ ppt.Alerts[0].date }} </span>
                        <!-- <span> {{ ppt.Alerts[0].descr }} </span> -->
                    </div>

它确实显示，但只是数组中的第一个条目。如果我取出索引“[0] ”并尝试替换为:

<span ng-repeat="date in ppt.Alerts[]"> {{ ppt.Alerts.date }} </span>

什么也没显示。使用它来迭代数组中的每个实例并返回特定值时我在哪里出错了？

非常感谢!

Answer 1

当您重复 ppt.Alerts 并且您已经说过循环的每个元素将被称为 date 时，您可以轻松地使用该 date显示每个警报的日期。

标记

<span ng-repeat="date in ppt.Alerts"> {{date.date}} </span>