angular - Angular 2 の for...of ディレクティブでインデックスを取得する

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>

ただし、クイックスタートの最新バージョンを使用する必要があります

ところで-上記は次の構文シュガーと同等です

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