Javascript 如何在嵌套JSON的ng repeat中使用键值对
我正在尝试使用angular以JSON格式打印获取的数据。JSON是Javascript 如何在嵌套JSON的ng repeat中使用键值对,javascript,json,angularjs,Javascript,Json,Angularjs,我正在尝试使用angular以JSON格式打印获取的数据。JSON是 “产品”:{ "65": { "5": { “id”:5, “产品标识”:1, “客户id”:96, “票号”:65, “出售人”:6, “产品价格”:13000, “自日期起出售”:1434459600, “出售日期”:1444741200 }, 如何在前端重复此操作以显示来自此操作的数据 我试过了,但没用 <div ng-repeat="(product_id, product1) in acct_detai
“产品”:{
"65": {
"5": {
“id”:5,
“产品标识”:1,
“客户id”:96,
“票号”:65,
“出售人”:6,
“产品价格”:13000,
“自日期起出售”:1434459600,
“出售日期”:1444741200
},
如何在前端重复此操作以显示来自此操作的数据
我试过了,但没用
<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>****
{{product.product_name}
{{product.product|U price}货币:&{8377;}
{{product.salled_自_日期*1000 |日期:'mediumDate'}
{{product.salled_to_date*1000|date:'mediumDate'}
****
在我看来,产品1是:
{
"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
}
然后产品2是:
{
"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。只需调用product2.product\u price或您需要的任何内容。首先,您的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\u 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>
{{product.ticket_id}}-{{product.id}
{{key}}:{{value}
保持JSON结构整洁将始终使您的编码更容易。可能重复,但如何进一步嵌套。我对流程感到困惑。您是否在模板中尝试了一些内容?我已编辑了我的问题。请查看并帮助我。