als Listentrennzeichen in Angular 2

Question

Ich mag Mit Komma eine Liste von Elementen in meinem Template erstellen, durch Komma getrennt, aber ich mag nicht das letzte Element ein Komma haben:

one, two, three 

Wie bewerkstellige ich dies mit der Template-Syntax von Angular 2?

Answer 1

mag ich Erics Antwort besser (sein Kommentar für eine Probe Plunker e):

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

Meine ursprüngliche Antwort war die optionale index im NgFor microsyntax zu verwenden:

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

Eine Alternative ist zu Verwenden Sie einfach CSS ::before Syntax, wie hier beschrieben: https://stackoverflow.com/a/31805688/215945

Answer 2

Ich denke, ein einfacher Ansatz ist

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