Angular2 Puis-je obtenir un nombre de ngFor?

Question

Bonjour, je boucle json en utilisant ngFor, mais est-il possible d'afficher le nombre d'éléments en boucle au lieu d'afficher sa valeur?

par exemple dans mon composant j'ai

items = {item1, item2, item3, item4}

et dans le modèle html

<p *ngFor="let i of items>{{i}}</p>

alors le résultat sera

item1 item2 item3 item4

mais au lieu de cela, puisqu'il y a quatre éléments dans l'objet, je souhaite afficher le nombre 4 (un nombre d'éléments dans l'objet).

Comment puis-je atteindre cet objectif?

Merci!

FRECIA · Accepted Answer

Cela affichera le numéro à chaque itération:

<p *ngFor="let i of items>{{ items?.length }}</p>

Mohit Jain · Answer

Vous n'avez pas besoin de boucler votre chaîne Json, utilisez simplement la propriété length.

Code TS:

 items: string[] = ['item1', 'item2', 'item3'];

Dans HTML utilisez-le:

{{items.length}}