Angular：ngFor项目，并为最后一个项目以外的所有项目附加一个char

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>

Readmore

Answer 2

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

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