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

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

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

{{data.title}}，

---

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

您可以利用

*ngFor

指令的

last

局部变量

{{data.title}
,

您可以利用

*ngFor

指令的

last

局部变量

{{data.title}
,

如何在“每次”之后留出一点空间。如果有更多的元素出现，“，”下一个元素用css或

彼此非常接近地显示，

你的意思是这样的，

是转义html for space SYMBOL你的解决方案对我有效。只是个问题。是否有任何方法可以使用div代替span并将标题逗号分隔开？如何每次在“，”之后留出一点空间。如果有更多的元素出现，“，”下一个元素用css或

彼此非常接近地显示，

你的意思是这样的，

是转义html for space SYMBOL你的解决方案对我有效。只是个问题。是否有任何方法可以使用div而不是span来分隔标题逗号？

<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>