comment utiliser la piste à l'intérieur de ngFor angular 2

comme indiqué dans le commentaire @Eric, et après beaucoup de lecture et de jeu, voici comment utiliser trackBy en angular2

1. la première chose que vous devez savoir sa syntaxe pas la même que angular1, maintenant vous devez le séparer de la boucle for avec un ; .

Utilisation 1: Piste d'une propriété de l'objet

 // starting v2. 1 this will throw error, you can only use functions in trackBy from now on

<ion-card *ngFor="let post of posts;trackBy:post?.id">
</ion-card> // **DEPRECATED**
---or---
<ion-card *ngFor="let post of posts;trackBy:trackByFn">
</ion-card>

ici vous demandez angular2 à

1. créer un poste variable local;
2. vous dites à trackBy d'attendre jusqu'à ce que cette variable locale soit prête "vous faites cela en utilisant l'opérateur elvis 'le point d'interrogation après le variable name', puis utiliser son id comme tracker.

donc

// starting v2. 1 this will throw error, you can only use functions in trackBy from now on

*ngFor="#post of posts;trackBy:post?.id"

est-ce que même en tant angulaire du 1

ng-repeat="post in posts track by post.id"

Utilisation 2: Piste à l'aide de votre propre Fonction

@Page({
    template: `
        <ul>
            <li *ngFor="#post of posts;trackBy:identify">
              {{post.data}}
            </li>
        </ul>
    `
})
export class HomeworkAddStudentsPage {
    posts:Array<{id:number,data:string}>;   

    constructor() {
        this.posts = [  {id:1,data:'post with id 1'},
                        {id:2,data:'post with id 2'} ];
    }

    identify(index,item){
      //do what ever logic you need to come up with the unique identifier of your item in loop, I will just return the object id.
      return post.id 
     }

}

trackBy peut prendre un nom de callback, et il l'appellera pour nous fournissant 2 paramètres: l'index de la boucle et l'élément courant.

pour obtenir la même chose avec L'Angle 1, je faisais:

<li ng-repeat="post in posts track by identify($index,post)"></li>

app.controller(function($scope){
  $scope.identify = function(index, item) {return item.id};
});