逗号分隔的数据根据条件以角度显示

【问题标题】：comma separated data display in angular on the basis of condition逗号分隔的数据根据条件以角度显示
【发布时间】：2021-04-13 15:39:24
【问题描述】：

我正在开发一个角度应用程序。我的 html 代码中有一个 ngFor，如下所示。

<span *ngFor="let data of myData">
                <img  src="assets/myImage.png">
                <span>
                    {{data.title}}</span>,
            </span>

问题是 myData 数组在运行时可以有一个值或多个值。我想要一个显示，如果存在一个值，则只显示一个值，但如果存在多个值，则应该用逗号分隔。在我上面的代码中，我只是在 span 之后加上了“，”。它可以在多个值上正常工作，但在单值逗号的情况下仍然会存在。我该怎么做？

【问题讨论】：

标签： angular angular8 angular9 angular10

【解决方案1】：

您可以利用 *ngFor 指令 https://angular.io/api/common/NgForOf#local-variables 的 last 局部变量

<span *ngFor="let data of myData; last as isLast">
                <img  src="assets/myImage.png">
                <span>{{data.title}}</span>
                <ng-container *ngIf="!isLast">,</ng-container>
            </span>

【讨论】：

如何每次在“，”之后留出一点空间。好像存在更多元素“，”并且下一个元素彼此非常接近地显示
使用 css 或 ,&nbsp;
你的意思是喜欢这个, ？
是的，&nbsp; 是空格符号的转义 html
您的解决方案对我有用。就一个问题。有什么方法可以使用 div 而不是 span 并用逗号分隔标题？