Jquery AngularJS 1-创建具有可扩展标题和列的矩阵

我想创建一个矩阵（在AngularJS中，而不是Angular2中） 类似于这样的表格类型（下表代码）：

然而，我有一个相当奇怪的要求。顶行和第一列都需要可展开。这意味着（行）编号“1”将展开为更多项目，例如“10、100、1000”。这些新数字应该添加在“1”下（见下图）或1和2之间

同样适用于（列）编号1，该编号也应能够扩展为相同的“101001000”，并应（垂直）添加到“1”下或1和2之间

请参考以下图片：

下图是使用表格结构制作的：

你可以清楚地看到，“欧洲”扩展到了“意大利”和“西班牙”，而意大利则进一步扩展到了罗马和米兰。 用于创建此文件的JSON如下所示：

 $scope.tasks = [
    {
        name: 'Europe',
        children: [
            {
                name: 'Italy',
                children: [
                    {
                        name: 'Rome'
                    },
                    {
                        name: 'Milan'
                    }
                ]
            }, 
            {
                name: 'Spain'
            }
        ]
    }, 
    {
        name: 'South America',
        children: [
            {
                name: 'Brasil'
            },
            {
                name: 'Peru'
            }
        ]
    }
];

同样的JSON应该用于side，有效地创建一个矩阵，其中所有扩展项之间的每个匹配都将可见

我尝试使用表和div创建矩阵，它们的行为类似于表。这两种方法对我都不管用。（对于我遇到的表，divs问题在代码中是可见的）

现在我不知所措，我到处寻找可用的产品，但似乎没有，我自己也尝试过，我得出结论我需要一些帮助：）

为了方便起见，我已将测试代码上载到

---

此外，如果我得到了一个可行的解决方案，我将等待悬赏生效，然后再接受回答。在创建复杂的表逻辑时，常规的

ng repeat

，可能通常不起作用，因为它需要在

和

之外完成

Angular团队曾经提出了一种将Angular代码添加到HTML注释中的方法，例如指令和重复，但显然是这样

但是，您可以查看
ng repeat start
和
ng repeat end
，这解决了（可以解决）许多与表和
ng repeat
相关的问题。至少对我来说是这样，从那以后就再也没有碰到过桌子问题


也许会帮助你

另外，groetjes uit Hoorn
最后，我构建了自己的解决方案，因为在线解决方案不够完整

然而，最近值得一提的是。
目前正在研究：