Comment puis-je appliquer une limite de quantité à * ngFor?

Puisque le filtre de limite est parti de Angular 2+, comment puis-je appliquer une limite à une simple instruction * ngFor?

{{ tweet }}

Je ne veux pas que l’instruction * ngFor passe en boucle sur tous les éléments de singleCategory, je veux limiter ce nombre à deux résultats. Je crois que cela pourrait être fait 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:

 
{{tweet}}

Si vous ne voulez pas le div wrapping, consultez la syntaxe du template :

  
{{tweet}}

De préférence, vous devez d’abord / à la place filtrer les éléments de votre composant en utilisant un filtre pour éviter les boucles inutiles lors de l’affichage de vos données:

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

Il y a aussi la possibilité de créer un tuyau. (Voir le duplicata lié)