我正在尝试使用angular在JSON中打印获取的数据。 JSON是"products": { "65": { "5": { "id": 5, "product_id": 1, "client_id": 96, "ticket_id": 65, "sold_by": 6, "product_price": 13000, "sold_from_date": 1434459600, "sold_to_date": 1444741200 },
如何在前端ng-repeat以显示此数据?
我试过了,但是没有用。
<div ng-repeat="(product_id, product1) in acct_details.products">
<div ng-repeat="(product_id2, product2) in product1">
<tr ng-repeat="product in product2">
<td> <input class="chkbox-style" type="checkbox"></input>
<p class="para-inline">{{product.product_name}}</p>
</td>
<td>
{{product.product_price | currency:"₹"}}
</td>
<td>
{{product.sold_from_date *1000| date: 'mediumDate'}}
</td>
<td>
{{product.sold_to_date *1000| date:'mediumDate'}}
</td>
</tr>
</div>
</div>****
最佳答案
首先,您的JSON应该得到改善。 JSON本身就足以了解所代表的内容,而在这种情况下则不行。我的JSON版本:
"products": {
"product": {
"ticket_id": 65,
"id": 5,
"details": {
"product_id": 1,
"client_id": 96,
"sold_by": 6,
"product_price": 13000,
"sold_from_date": 1434459600,
"sold_to_date": 1444741200
}
}
}
我假设
65
与ticket_id
有关,并且5
与id
相对应。因此,我能够在HTML中使用数据的正确JSON表示形式:
<div ng-repeat="product in products">
{{product.ticket_id}}-{{product.id}}
<div ng-repeat="(key,value) in product.details">
{{key}}:{{value}}
</div>
</div>
保持JSON整洁的结构将始终使您的编码更容易。