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

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

angular2-template angular6 angular5 typescript angular

-1

firasKoubaa · 技术社区 · 6 年前

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

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

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

这导致我的外观:

AAA,BBB,CCC,DDD,

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

2 回复 | 直到 6 年前

vicbyte 6 年前

使用 last

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

Jay 6 年前

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

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

推荐文章

Kiara · 根据条件角度显示多个模板

1 年前

IonicMan · 剑道网格在宽度过大时不显示某些列

1 年前

Piotr Deja · 如何在subscribe方法中为参数赋值,然后从组件内部的任何位置检索该值?

1 年前

Ben5 · 服务器端总是接触FormControl

1 年前

allforthenoob · 我该怎么分类?

1 年前

Hamid Elouardaoui · 角度生成:发生未处理的异常:服务不再运行

1 年前

Hugh Jones · 如何创建适用于多个来源的自签名开发证书

1 年前

jthorn · 角度对象未在HTML中显示

1 年前

clem · 如何在Angular应用程序中突出显示页面的一部分?

2 年前

Kael · 在html表格中显示关系api数据-角度

2 年前