如何在ngFor末尾控制特殊字符

Question

我正在一个网站上，我必须展示厨师的特色菜，这些数据是从后端收集的，并通过以下方式向他们展示ngFor：

<div *ngFor="let i of item.specialty">
 <p  style="display: inline-block;"> {{i.name}}, &nbsp; </p>
</div>

如您所见，添加逗号以显示逗号后面的不同专业，问题是最后一个元素也添加了逗号，我该如何控制，以使逗号不会出现在带上逗号的最后一个元素中ngFor？

Answer 1

使用last中的以下代码*ngFor，它具有index, first, last, even, odd之类的不同属性

<div *ngFor="let i of item.specialty; let last = last;">
 <p  style="display: inline-block;"> {{i.name}}
     <span *ngIf="!last">, &nbsp;</span>
 </p>
</div>