Использование запятой в качестве разделителя списка в Angular 2

Я хочу создать список элементов в моем шаблоне, разделенных запятыми, но я не хочу, чтобы последний элемент имел запятую:

one, two, three

Как это сделать с помощью синтаксиса шаблона Angular 2?

Ответы

Ответ 1

Мне нравится, что Эрик лучше отвечает (см. его комментарий к образцу Plunker):

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

Мой первоначальный ответ состоял в том, чтобы использовать необязательный index в NgFor microsyntax:

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

Альтернативой является использование только синтаксиса CSS ::before, как описано здесь: fooobar.com/questions/36917/...

Ответ 2

Я думаю, что более простой подход -

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