如何使用 ng-repeat 生成嵌套循环的 html 表？

问题描述

我有一个这样的 JSON 数组：

arrObj = [
    {
        name: a,property: [
            {name:v1,value:1},{name:v2,value:2},{name:v3,value:3},{name:v4,value:4},{name:v5,value:5}
        ]
    },{
        name: b,property: [
            {name:v11,value:11},{name:v12,value:12},{name:v13,value:13},{name:v14,value:14},{name:v15,value:15}
        ]
    },{
        name: c,property: [
            {name:v21,value:21},{name:v22,value:22},{name:v23,value:23},{name:v24,value:24}
        ]
    }
]

我正在尝试使用 ng-repeat 的 angularjs 生成这样的表：

这是我目前所做的：

<table>
  <thead>
    <tr>
      <td ng-repeat="parentProp in arrObj" colspan="{{parentProp.property.length}}">{{parentProp.name}}</td>
    </tr>
  </thead>
  <tbody ng-repeat="parentProp in arrObj">
    <tr>
        <td ng-repeat="prop in parentProp.property">{{prop.name}}</td>
    </tr>
  </tbody>
</table>

但它给出了这样的东西：

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）