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

fir*_*baa -1 typescript angular2-template angular angular5 angular6

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

 <span  *ngFor="let d of myData"> {{d.name}} ,</span>
Run Code Online (Sandbox Code Playgroud)

如您所见,我在每个项目的末尾添加逗号' '以获取一致的视图

这导致我的外观如下:

AAA,BBB,CCC,DDD,
Run Code Online (Sandbox Code Playgroud)

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

建议?

vic*_*yte 5

使用last局部变量,如下所示:

<span *ngFor="let d of myData; last as isLast"> {{d.name}} <span *ngIf="!isLast">,</span></span>
Run Code Online (Sandbox Code Playgroud)

阅读更多