Nhận chỉ mục theo ... chỉ thị trong Angular 2

Question

Hiện tại, có cách nào để lấy chỉ mục hiện tại của biến lặp trong chỉ thị for..of trong Angular 2 không? Nói cách khác, tương đương với $index trong Angular.js v1 ...

Ví dụ mã:

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

(tất nhiên mã này không hoạt động, nó không cung cấp các chỉ số hiện tại)

Answer 1

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

Nhưng bạn phải sử dụng phiên bản rất nhất gần đây của QuickStart

BTW - ở trên là tương đương với đường cú pháp sau

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

Answer 2

Cú pháp đã được cập nhật và bây giờ là (tính Angular2.beta13, tháng 4 năm 2016):

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

Ví dụ:

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

Answer 3

cập nhật, sử dụng phép, không #

Answer 4

Sử dụng * ngFor, chúng ta hãy:

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

Component:

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