在Angular 2中使用逗号作为列表分隔符

Question

我想在我的模板中创建一个项目列表,用逗号分隔,但我不希望最后一个项目有逗号:

one, two, three

如何使用Angular 2的模板语法实现此目的？

Answer 1

我更喜欢Eric的答案(请参阅他对Plunker示例的评论):

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

我原来的答案是index在NgFor微合成中使用可选项:

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

另一种方法是使用CSS ::before语法,如下所述:https://stackoverflow.com/a/31805688/215945

Answer 2

我认为更简单的方法是

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

Answer 3

这对我有用：

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