javascript - 带有 Angular ng-repeat 的 Numareting 表

Question

我想创建带 Angular 编号表，

我试过了

<tr ng-repeat="item in data">
     <td>{{$index}}</td>
     <td>{{item.name}}</td>
</tr>

它可以工作，但是当我使用 order By 对表进行排序时，我想保留 index-es所以 tr 中的第一个 ""总是必须是这样的 - 1,2,3,4并通过更改 2、1、4、3 之类的东西来排序

抱歉我的英语不好

我添加了 jsfiddle 示例

http://jsfiddle.net/Lvc0u55v/9907/

Answer 1

$index 变量不是您的data 的一部分，而只是数组索引。当您使用不同的参数对数组进行排序时，data 数组值的顺序会发生变化，但数组索引与以前相同。要解决这个问题，您可以将顺序 value 作为 data 数组的每个对象的属性。然后 show 显示该属性而不是显示数据数组的 $index。

例如在 Controller 中:

for(var i = 0; i < $scope.data.length; i++){
  $scope.data[i].sl = i+1;
}

在 View 中:

<tr ng-repeat="item in data">
     <td>{{item.sl}}</td>
     <td>{{item.name}}</td>
</tr>