ng-Repeat(Angular)中的自动序列号

时间:2016-01-28 09:18:29

标签: javascript angularjs angularjs-ng-repeat

我正在使用ng-Repeat来在表中填充Controller(或服务)中的数据。但是,我需要在第一列自动填写序列号。目前我只在所有列中获得静态数据1。

HTML:

++cnt;

输出:

enter image description here

我希望第一列中的数字为1,2,3等。如何使用ngRepeat实现此目的?

2 个答案:

答案 0 :(得分:3)

使用$index

<td>{{$index + 1}}</td>
<td>{{x.name}}</td>

答案 1 :(得分:1)

有两种方法可以在ng-repeat

中获取给定数组的索引

使用$ index

<th ng-repeat="n in [].constructor(3 + 1) track by $index">{{$index}}</th>

使用计数器

当你有嵌套的ng-repeat并且你需要两个循环的计数器时,这个方法很有用......下面的例子使用计数器行。虽然需要使用$ index跟踪,但它不用于逻辑。

<tr ng-repeat="(row, y) in getNumber(h.seats.length, 3) track by $index">
                    <td>{{row+1}}</td>