Angular : ngFor 项目并为除最后一项之外的所有项目附加一个字符

Question

我正在循环我的数据列表并在视图中显示 span :

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

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

这导致我的外观：

AAA,BBB,CCC,DDD,

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

建议 ?

Answer 1

使用 last 局部变量，像这样：

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

Answer 2

使用 last 运算符（让 lastItem 为 last），检测最后一项并仅在不是最后一项时显示。

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

Angular : ngFor items and append a char for all items except the last item