在 Angular 2 中的 for...of 指令中获取索引

Question

到目前为止，有没有办法在 Angular 2 的 for..of 指令中获取可迭代对象的当前索引？换句话说，相当于 Angular.js v1 中的 $index...

代码示例：

<ul *for="#task of allTasks">
    <li>{{ $index}} - {{ task.label }}</li>
</ul>

（当然这段代码不行，它不提供当前索引）

Answer 1

<ul>
    <template ngFor let-task [ngForOf]="allTasks" let-i="index">
        <li>{{ i }} - {{ task.label }}</li>
    </template>
</ul>

但您必须使用最新版本的快速入门

顺便说一句 - 上面相当于下面的语法糖

<li *ngFor="let task of allTasks; let i=index">{{ i }} - {{ task.label }}</li>

Answer 2

语法已经更新，现在是（截至 Angular2.beta13，2016 年 4 月）：

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

例如：

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

Answer 3

update，用let，不是#

<div *ngFor="let user of users; let i=index">
    {{i}}
</div>

Answer 4

使用*ng，令：

<li *ngFor="let menu of tempMenuModel.MenuItems.Items;let i=index" [ngClass]="{'active' : clickedItem == i}" (click)="SelectMenu(menu,i)">
      <span>{{menu.Header ==null?menu.Name:menu.Header}}</span>
</li>

分量：

SelectMenu(menu, $index) {       
    this.clickedItem = $index;        
}

在 Angular 2 中的 for...of 指令中获取索引

Get index in a for...of directive in Angular 2

angular