Javascript Angularjs使用ng重复与<；th>；重复列标题的标记

我试图创建一个包含多行的表，其中一行包含重复的列标题，如下所示

我不知道如何在

angularjs

中使用

ng repeat

来创建这些标题。我尝试将

ng repeat

放在

元素中，该元素显然不起作用，因为它会创建多行

我还尝试将其放入

元素中，但标题不会交替出现

我想使用

ng repeat

（显示当前和以前的标题），而不是像下面的代码那样手动键入它们，因为重复列的出现次数是动态的（取决于第1行）

项目
{{year}
现在的
先前的
现在的
先前的

---

要查找您提供的图片，解决方案在于使用带有ng repeat指令的

包装“当前”和“先前”

。像这样：

<thead>
    <tr>
        <th id="item" scope="colgroup" style="text-align:center" rowspan="2">Items</th>
        <th ng-repeat="year in years()" id={{year}} scope="colgroup" style="text-align:center" colspan="2">
            {{year}}
        </th>
    </tr>
    <tr>
        <div ng-repeat="year in years()">
            <th id="{{year}}planning" scope="col" class="tsub-head">Current</th>
            <th id="{{year}}reporting" scope="col" class="tsub-head">Prior</th>
        </div>
    </tr>
</thead>

项目
{{year}
现在的
先前的

对于这种情况，有ng repeat start和end指令：

angular.module（“测试”，[]）.controller（“重复”，
职能（$范围）
{
$scope.years=函数（）
{
返回[2017、2018]；
}
});

项目
{{year}
现在的
先前的
我确实试过了。由于某些原因，标题只出现一次而不是两次。我不确定把div标签放在tr里面是否正确，当我在{{year}之前尝试这个时。{{year}是空的更正它是ng repeat=“year in years（），而不是planYears（），正如我所说的，{year}有趣的是，它里面什么都没有。代码格式和语法
<thead>
    <tr>
        <th id="item" scope="colgroup" style="text-align:center" rowspan="2">Items</th>
        <th ng-repeat="year in years()" id={{year}} scope="colgroup" style="text-align:center" colspan="2">
            {{year}}
        </th>
    </tr>
    <tr>
        <div ng-repeat="year in years()">
            <th id="{{year}}planning" scope="col" class="tsub-head">Current</th>
            <th id="{{year}}reporting" scope="col" class="tsub-head">Prior</th>
        </div>
    </tr>
</thead>