Utilisation de la virgule comme séparateur de liste dans Angular 2

Question

Je veux créer une liste d'éléments dans mon modèle, séparés par des virgules, mais je ne veux pas que le dernier élément ait une virgule:

one, two, three

Comment puis-je accomplir cela avec la syntaxe du modèle Angular 2?

Mark Rajcok · Accepted Answer

J'aime mieux la réponse d'Eric (voir son commentaire pour un échantillon de Plunker):

<span *ngFor="let item of items; let isLast=last"> {{item}}{{isLast ? '' : ', '}} </span>

Ma réponse initiale était d'utiliser le index facultatif dans la microsyntaxe NgFor :

<span *ngFor="#item of items, #i=index"> {{item}}{{i === items.length - 1 ? '' : ', '}} </span>

Une alternative consiste à utiliser simplement utiliser CSS ::before syntaxe, comme décrit ici: https://stackoverflow.com/a/31805688/215945

Nikhil Nambiar · Answer

Je pense qu'une approche plus simple est

<span> {{items.join(", ")}} </span>