用嵌套的json对象进行角度重复?

前端之家收集整理的这篇文章主要介绍了用嵌套的json对象进行角度重复?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个 JSON对象,这样表示:
  1. {
  2. "orders" : [
  3. {
  4. "ordernum" : "PRAAA000000177800601","buyer" : "Donna Heywood"
  5. "parcels" : [
  6. {
  7. "upid" : "UPID567890123456","tpid" : "TPID789456789485"
  8. },{
  9. "upid" : "UPID586905486090","tpid" : "TPID343454645455"
  10. }
  11. ]
  12. },{
  13. "ordernum" : "ORAAA000000367567345","buyer" : "Melanie Daniels"
  14. "parcels" : [
  15. {
  16. "upid" : "UPID456547347776","tpid" : "TPID645896579688"
  17. },{
  18. "upid" : "UPID768577673366","tpid" : "TPID784574333345"
  19. }
  20. ]
  21. }
  22. ]
  23. }

我需要在第二级做一个中继器,一个“upid”数字的列表.

我已经知道如何获得顶级

< li ng-repeat =“o in orders”> {{o.ordernum}}< / li>

但是我不清楚顺序将循环水平下降.例如,这是错误的:

< li ng-repeat =“p in orders.parcels”> {{p.upid}}< / li>

我也知道如何嵌套中继器来获得这个,但在这种情况下,我不需要显示顶级.

澄清

这里的目的是要有一个4“upid”数字的列表(每个包裹有2个,订单中有2个包裹).

解决方法

搜索很多很好的和简单的解决方案来动态迭代.我想出了这个

JAVASCRIPT(角):一个人是嵌套对象的一个​​例子. is_object函数将在HTML视图中使用.

  1. $scope.person = {
  2. "name": "john","properties": {
  3. "age": 25,"sex": "m"
  4. },"salary": 1000
  5. }
  6.  
  7. // helper method to check if a field is a nested object
  8. $scope.is_object = function (something) {
  9. return typeof (something) == 'object' ? true : false;
  10. };

HTML:为简单表定义一个模板.第一个TD是显示的关键.另一个TD(2或3,但从不同时)将显示值,如果它不是一个对象(数字/字符串),或者如果它的一个对象再次循环.

  1. <table border="1">
  2. <tr ng-repeat="(k,v) in person">
  3. <td> {{ k }} </td>
  4. <td ng-if="is_object(v) == false"> {{ v }} </td>
  5. <td ng-if="is_object(v)">
  6. <table border="1">
  7. <tr ng-repeat="(k2,v2) in v">
  8. <td> {{ k2 }} </td>
  9. <td> {{ v2 }} </td>
  10. </tr>
  11. </table>
  12. </td>
  13. </tr>
  14. </table>

猜你在找的JavaScript相关文章