pasar - Obtener índice en una for... de directiva en Angular 2

ngfor track by

Question

A partir de ahora, ¿hay una manera de obtener el índice actual de iterable en una directiva for..of en Angular 2? En otras palabras, el equivalente de $index en Angular.js v1 ...

Ejemplo de código:

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

(por supuesto, este código no funciona, no proporciona el índice actual)

Answer 1

La sintaxis se ha actualizado y es ahora (a partir de Angular2.beta13, abril de 2016):

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

Por ejemplo:

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

Answer 2

Usa * ngPor, deja:

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

Componente:

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

Answer 3

actualizar, use let, no #

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

Answer 4

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

Pero tienes que usar la versión más reciente del inicio rápido

Por cierto, lo anterior es el equivalente de la siguiente sintaxis de azúcar

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