我正在開發使用Ionic Angular和PHP作為后端的App。 我從PHP返回此JSON字符串，並且按Angular的方式接收它

Question

我正在開發使用Ionic Angular和PHP作為后端的App。 我從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指令中重復