如何控制 ngFor 末尾的特殊字符答案

【问题标题】：How to control special characters at the end of a ngFor如何控制 ngFor 末尾的特殊字符
【发布时间】：2023-03-29 23:34:01
【问题描述】：

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

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

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

【问题讨论】：

你读过the docs吗？有一个局部变量可以告诉您何时处于最后一项。
Angular io (4) *ngFor first and last的可能重复
是的，如果你的意思是变量“last”，但我不知道如何使用这种情况
那么你尝试了什么，它到底有什么问题？您发布的代码甚至似乎都没有尝试访问它，更不用说使用它来实现您描述的内容了。

标签： html angular

【解决方案1】：

使用*ngFor 的以下代码last 它具有不同的属性，例如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>

【讨论】：

这样，这个响应不起作用，而是将条件更改为：last！ == 如果有效，则为真。谢谢你的回答:)