将表格单元格按小数点分组

Question

根据小数点对表格单元进行分组。

Plunker

示例JSON：

[
    {
        "data1": [
            {
                "name": "Download",
                "id": "1.1.1"
            },
            {
                "name": "Download",
                "id": "1.1.2"
            },
            {
                "name": "Download",
                "id": "1.2"
            },
            {
                "name": "Download",
                "id": "1.3"
            },
            {
                "name": "Download",
                "id": "1.4"
            }
        ]
    },
    {
        "data2": [
            {
                "name": "Download",
                "id": "2.1"
            },
            {
                "name": "Download",
                "id": "2.2"
            }
        ]
    },
    {
        "data3": [
            {
                "name": "Download",
                "id": "3.1.1"
            },
            {
                "name": "Download",
                "id": "3.1.2"
            },
            {
                "name": "Download",
                "id": "3.2"
            }
        ]
    },
    {
        "data4": [
            {
                "name": "Download",
                "id": "4.1.1"
            },
            {
                "name": "Download",
                "id": "4.1.2"
            }
        ]
    }
]

HTML：

<table border="0" class="table table-bordered">
    <tbody ng-repeat="(key,result) in results">
    <tr ng-repeat="r in result['data'+[key+1]]">
        <td rowspan="5">{{r.id}}</td>
    </tr>
    </tbody>
</table>

使用 ng-repeat 在表格的单个单元格中显示每个ID。

实际结果：

预期结果

由于ng-repeat，该单元格彼此相邻显示。预期结果是使用小数点对表格单元进行除法。

示例：

行1 => 1.1.1、1.1.2、1.2、1.3、1.4

第2行=> 2.1、2.2

第2行的第一个单元格（2.1）应该采用第1行的宽度（1.1.1和1.1.2）。并且2.2应该采用1.2、1.3和1.4的其余宽度

谢谢。

Answer 1

您的数据结构不清楚，似乎需要检查和重构。    但是现在，这个pl夫可以帮助您。 （我希望！）

link:

plunker