代码之家 › 专栏 › 技术社区 › firasKoubaa

Angular:ngFor items并为除最后一个item之外的所有item追加一个char[duplicate]

angular2-template angular6 angular5 typescript angular

-1

firasKoubaa · 技术社区 · 7 年前

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

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

, 在每一个项目的结尾,以获得一个连贯的观点

这导致我的外观:

AAA,BBB,CCC,DDD,

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

2 回复 | 直到 7 年前

1

8

vicbyte 7 年前

使用 last

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

2

0

Jay 7 年前

使用last操作符(让lastItem作为last)检测最后一个项目,并仅在它不是最后一个项目时显示。

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