Question

我从Web服务收到一个Json数组。该数组包含其他数组。如何将此结构转换为一级数组以创建HTML表？

例如，给定这种结构，

No

...我想改成这种结构：

[
   {
      "uuid": "3f3f363d-322",
      "name": "xxx",
      "pay":[
         {
          "uuid": "123",
          "number": "9791070",
          },
          {
          "uuid": "124",
          "number": "9791071",
          }
      ]
    }
]

我尝试使用ng-repeat和ng-if这样：

[
   {
       "uuid": "3f3f363d-322",
       "name": "xxx",
       "pay":
          {
          "uuid": "123",
          "number": "9791070",
          }
   },
   {
       "uuid": "3f3f363d-322",
       "name": "xxx",
       "pay":
          {
          "uuid": "124",
          "number": "9791071",
          }
   }
]

由于

Answer 1

您可以重复<tbody>并在每个<tbody>内重复<tr>。

您的html无效，因为<div>无法成为<tr>的孩子或<td>的父母

<tbody ng-repeat="entry in entries"  ng-if="entry.pay.length" >
     <tr ng-repeat="item in entry.pay">
        <td>entry.uuid</td>
        <td>pay.number</td>
     </tr>
</tbody>

Answer 2

除了一些错别字和缺少括号，你的想法是正确的，试试：

{
    "values": ["one", "two", "three"],
    "values_original": ["1", "2", "3"]
}

此外值得一提的是之前你的html无效

重新排列JSON多级数组

2 个答案: