Angular 2、4、5中如何在*ngFor指令中使用索引

嘿，这里给你理清楚Angular不同版本里怎么用循环索引：

Angular 2、4/5 版本 #

在这些版本里，不能直接使用$index，得先在*ngFor指令里手动定义索引变量才行。比如用let i = index来声明索引，之后就能在模板里用这个变量调用索引值了。示例代码如下：

<li *ngFor="let item of items; let i = index">
  {{item}} - {{i}}
</li>

这里的{{i}}就是数组items对应的索引值。

Angular 1.x 版本 #

而在Angular 1.x里就简单多了，ng-repeat指令直接内置了$index变量，不用额外声明，直接在模板里用就行：

<li ng-repeat="item in items">
  {{item}} - {{$index}}
</li>

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