AngularJS中如何让ng-repeat首项为空，从第二项开始循环<th>

我来帮你调整这段AngularJS代码，实现首列<th>为空、从第二列开始循环渲染的需求～

你原来的代码逻辑有点绕，外层ng-repeat遍历reports时会重复生成空列，咱们换个更直接的写法：

修改后的代码 #

<thead>
  <tr>
    <!-- 首列固定为空单元格 -->
    <th>&nbsp;</th>
    <!-- 仅基于reports的第一个元素循环生成后续表头列 -->
    <th ng-repeat="data in reports[0]">{{$index + 1}}</th>
  </tr>
</thead>

逻辑说明 #

1. 把空的<th>直接放在外层<tr>中，只渲染一次，避免重复生成空列
2. 直接取reports的第一个元素（reports[0]）来循环渲染后续表头，这样后续列都是从第二个位置开始的
3. 保留了你原来的{{$index + 1}}来显示列序号，如果需要显示data的具体值，直接改成{{data}}即可

健壮性优化（可选） #

如果reports可能为空数组，为了避免报错，可以加上判断：

<thead>
  <tr>
    <th>&nbsp;</th>
    <!-- 当reports有数据时才渲染后续列 -->
    <th ng-if="reports.length > 0" ng-repeat="data in reports[0]">{{$index + 1}}</th>
  </tr>
</thead>

内容的提问来源于stack exchange，提问作者My testing