Angular
Pour boucle

NgFor - Markup For Loop

La directive NgFor instancie un modèle une fois par article à partir d'une itération. Le contexte de chaque modèle instancié hérite du contexte externe, la variable de boucle donnée étant définie sur l'élément actuel à partir de l'itérable.

Pour personnaliser l'algorithme de suivi par défaut, NgFor prend en charge l' option trackBy . trackBy prend une fonction qui a deux arguments: index et item. Si trackBy est donné, les pistes angulaires sont modifiées par la valeur de retour de la fonction.

<li *ngFor="let item of items; let i = index; trackBy: trackByFn">
    {{i}} - {{item.name}}
</li>

Options supplémentaires : NgFor fournit plusieurs valeurs exportées pouvant être associées à des variables locales:

• index sera défini sur l'itération de boucle en cours pour chaque contexte de modèle.
• La valeur booléenne indique si l'élément est le premier de l'itération.
• last sera défini sur une valeur booléenne indiquant si l'élément est le dernier de l'itération.
• even sera mis à une valeur booléenne indiquant si cet élément a un index pair.
• odd sera mis à une valeur booléenne indiquant si cet élément a un index impair.