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