如何在角度 2、4、5 中使用 *ngFor 的索引

【问题标题】：how to used index with *ngFor in angular 2, 4, 5如何在角度 2、4、5 中使用 *ngFor 的索引
【发布时间】：2018-10-12 04:36:23
【问题描述】：

如果你使用 angular 2, 4/5** 你不能直接使用 $index，使用 index 你需要先定义

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

{{i}} 是项目的索引

但在 angular 1.x 中，您可以像这样使用索引：

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

【问题讨论】：

【解决方案1】：

如果您使用 angular 2+，那么您应该这样做以获取 index ，因此在 angular 2 之后，您没有 ng-repeat 它被 *ngFor 取代

<li *ngFor="let user of userObservable | async as users; 
                         index as i; ">
   {{i}}/{{users.length}}. {{user}}
</li>

或

<li *ngFor="let user of userObservable | async as users; 
                         let i = index; ">
   {{i}}/{{users.length}}. {{user}}
</li>

来自文档：NgForOf

【讨论】：