Angulaire 2: comment appliquer une limite à * ngFor?

Puisque le filtre Limit est parti de Angular 2, comment puis-je appliquer une limite pour une déclaration simple * ngFor dans Angular 2?

<div *ngFor="#tweet of singleCategory"> {{ tweet }} </div>

Je ne veux pas que l'instruction * ngFor permette de parcourir tous les éléments de SingleCategory, je veux la limiter à seulement 2 résultats. Je crois que cela pourrait se faire avec Custom Pipes, mais je ne sais pas comment le mettre en œuvre.

Je vous remercie.

Vous pouvez soit appliquer un ngIf sur l'élément en utilisant l'index:

 <div *ngFor=" let tweet of singleCategory; let i=index"> <div *ngIf="i<2"> {{tweet}} </div> </div>

Si vous ne souhaitez pas que le div entrevois, vérifiez la syntaxe du modèle :

 <div *ngFor="let tweet of singleCategory; let i=index"> <template [ngIf]="i<2"> {{tweet}} </template> </div>

Sinon, filtrez les éléments de votre composant en utilisant un filtre et un getter personnalisé:

 public get singleCategory() { return this.categories.filter((item, index) => index > 2 ) }

Il existe également la possibilité de créer un tuyau. (Voir le duplicata lié)