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

Question

截至目前,有没有办法for..of在Angular 2 的指令中获取iterable的当前索引？换句话说,相当于$indexAngular.js v1 ......

代码示例:

<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>

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

BTW - 以上相当于以下语法糖

<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>