Utilizzando virgola come separatore di elenco in angolare 2

Question

Voglio creare un elenco di elementi in mio modello, separati da virgole, ma non voglio che l'ultimo elemento ad avere una virgola:

one, two, three 

Come faccio questo con la sintassi del template di Angular 2?

Answer 1

mi piace la risposta di Eric meglio (vedere il suo commento per un Plunker del campione):

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

La mia risposta iniziale era quello di utilizzare la opzionale index nella NgFor microsyntax:

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

Un'alternativa è quella di usa solo la sintassi CSS ::before, come descritto qui: https://stackoverflow.com/a/31805688/215945

Answer 2

Penso che un approccio più semplice sia

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