AngularJS中由ng-repeat分析的列表元素的唯一标识符

时间:2015-04-24 08:33:56

标签: javascript html angularjs angularjs-ng-repeat ng-repeat

我需要重复一下变量“tab.excelFields”中的一些列表。我已经成功地做到了,简单的ng-repeat。代码如下所示:

<tr>
        <th ng-repeat="field in tab.excelFields" class="btn btn-danger" style="display:table-cell;" id="{{id}}">{{field}}</th>
</tr>

注意{{id}}字段。我需要在这里添加唯一值... 1,2,3等等

问题:如何为我正在显示的每个字段添加唯一ID?类似于“[1,2,3]中的id”和我的代码一起使用的东西。两个问题: -

  1. 如何在id in [1,2,3]中为“field in tab.excelFields”添加“ng-repeat”?可以采取两个论点吗?

  2. 我的字段不限于任何固定数字。它可以是一千或一千。如何动态创建计数器并将其添加到“id”字段?

1 个答案:

答案 0 :(得分:3)

在ngRepeat范围内使用$index变量。

<th ng-repeat="field in tab.excelFields" class="btn btn-danger" style="display:table-cell;" id="{{$index}}">{{field}}</th>