表angularjs内的组

Question

我对Angular相对较新，但使用它来构建动态数据透视表结构。

这里基本上是最终结果应该是什么样的（抱歉图像质量很差）：

聚合数量和分组值数量都是动态的。

当我尝试打印表格中的第二行时出现问题。我需要为每个聚合函数打印一个单元格（示例中为SUM和AVG，但可能更多或更少），然后对每个水平分组值重复THAT。

这就是我要做的事情：

directives.directive('pivotTableHeader', function() {
return {
    template: '<thead><tr><th>{{horizontalGroupProperty}}</th>\
    <th ng-repeat="horizontalGroup in horizontalGroupValues" colspan="aggregates.length">{{horizontalGroup}}</th></tr>\
    <tr><th>{{verticalGroupProperty}}</th>\
    <pivot-table-agg-cols ng-repeat="horizontalGroup in horizontalGroupValues"></pivot-table-agg-cols>\
    </tr></thead>'
    };

}）;

在pivot-table-agg-cols中：

directives.directive('pivotTableAggCols', function(){
    return {
        template:'<th ng-repeat="column in aggregates">{{column.display}}</th>'
    };  
})

问题是浏览器不能容忍 pivot-table-agg-cols 标签，它就像指令甚至不存在（从未初始化） ）。因为它是一张桌子，所以我不能像其他地方一样包裹<div>。有关如何处理此问题的任何提示？有没有办法在不添加父元素的情况下注入指令模板？