使用 ng-repeat 时在表中的 TD 标记中设置增量 ID答案

【问题标题】：Setting an incremental ID in the TD tag in a table when using ng-repeat使用 ng-repeat 时在表中的 TD 标记中设置增量 ID
【发布时间】：2016-11-17 16:04:45
【问题描述】：

我是 Angular JS 的新手，所以这可能是一个非常愚蠢的问题。无论如何，我正在尝试使用 ng-repeat 指令获取一个充满数据的表格。我可以完美地用数据填充表格。但是，我正在努力使 td 标记中的 id 随着它输出的每一行而增加。因此，在旧的 HTML 中，源代码是：

    <table>
    <tr>
     <td id="1">John</td>
     <td id="2">Ian</td>
     <td id="3">Nick</td>
     <td id="4">Raymond</td>
    <tr>
    </table>

使用 Angular JS 填充表格时，如何将表格 ID 设置为递增 1？

提前致谢！

【问题讨论】：

很可能您甚至不需要在 Angular 应用程序中使用该 ID。你想用它做什么？
@charlietfl，我想做的是有机会将每个字段复制到剪贴板。为此，我需要一个唯一的 td id，因为我正在使用 [link] clipboardjs.com
仍然不需要 ID，您可以在 angular 指令中设置它，并且指令会暴露元素本身

标签： html angularjs angularjs-directive tags html-table

【解决方案1】：

您可以使用 $index。

<table>
 <tr ng-repeat="x in names">
  <td id="{{$index + 1}}">{{ x.Name }}</td>
 </tr>
</table>

看看这个小提琴：ng-repeat with index

【讨论】：

准确！这正是我想要的！