我正在开发一个使用 Ionic Angular 和 PHP 作为后端的应用程序。我正在从 PHP 返回这个 JSON 字符串，并且我正在接收它，因为它在 Angular 中

Question

我正在开发一个使用 Ionic Angular 和 PHP 作为后端的应用程序。 我正在从 PHP 返回这个 JSON 字符串，并且我正在接收它，因为它在 Angular 中

[
{
    "HistoryId":"440",
    "TotalPrice":"24",
    "aa":[{"orderid":"630","foodId":"1","quantity":"1","name":"Mixed Starter (Minimum For Two)","price":"9"},         {"orderid":"641","foodId":"3","quantity":"1","name":"Sesame chicken on toast","price":"5"},
          {"orderid":"662","foodId":"2","quantity":"2","name":"Sesame prawn on toast","price":"5"}]
},
{
    "HistoryId":"451",
    "TotalPrice":"24",
    "aa":[{"orderid":"650","foodId":"1","quantity":"1","name":"Mixed Starter (Minimum For Two) ","price":"9"},        {"orderid":"671","foodId":"3","quantity":"1","name":"Sesame chicken on toast","price":"5"},
          {"orderid":"682","foodId":"2","quantity":"2","name":"Sesame prawn on toast","price":"5"}]
}
]

但是当我尝试展示它时 我收到此错误：

Error: [ngRepeat:dupes] Duplicates in
a repeater are not allowed. Use 'track by' expression 
to specify unique keys. Repeater: oh in orderHistory,
Duplicate key: string:", Duplicate value: "

Answer 1

使用这个

<ion-item ng-repeat="oh in orderHistory track by $index" > <h2>{{oh.HistoryId}} </h2> <h3 style="color:green">Price: {{oh.TotalPrice }}</h3> <ion-card> <ion-item ng-repeat="o in oh.aa ">

AngularJS 不允许在 ng-repeat 指令中重复