Angular：ngFor项目并为除最后一项之外的所有项目附加一个字符[重复]答案

【问题标题】：Angular : ngFor items and append a char for all items except the last item [duplicate]Angular：ngFor项目并为除最后一项之外的所有项目附加一个字符[重复]
【发布时间】：2019-03-11 18:49:49
【问题描述】：

我正在循环我的数据列表并在视图中显示跨度：

 <span  *ngFor="let d of myData"> {{d.name}} ,</span>

如您所见，我在每个项目的末尾添加一个逗号“,”以获得连贯的视图

这导致我的外观：

AAA,BBB,CCC,DDD,

我的问题是**我想自动删除的最后一个逗号。

建议？

【问题讨论】：

标签： angular typescript angular5 angular6 angular2-template

【解决方案1】：

使用最后一个操作符（让lastItem作为最后一个），检测最后一个项目并仅在它不是最后一个项目时显示。

<span  *ngFor="let dof myData; last as isLast"> {{d.name}} 
    <span *ngIf="!isFirst"> , </span>
</span>

【讨论】：

【解决方案2】：

使用last 局部变量，如下所示：

<span *ngFor="let d of myData; last as isLast"> {{d.name}} <span *ngIf="!isLast">,</span></span>

【讨论】：